FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups  Who is OnlineWho is Online   Join! (free) Join! (free)  
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
  • Welcome
  • Guest

Script with height Attribute

 
Post new topic   Reply to topic    myfreeforum.org Forum Index -> Web page/template Editing
View previous topic :: View next topic  
Author Message
symon
Moderator
Moderator
FLAG

Virtual Cash: 37360

Joined: 04 Sep 2005
Posts: 11953


Location: Surrey,England
Add Karma

rated by 92 members
Add Comment
Show Comments

http://howtodoit.myfreeforum.org/index.php
online/offline
PostPosted: Sat Dec 13, 2014 5:47 pm    Post subject: Script with height Attribute  Reply with quote

www.hackbridgesafetyfirst.myfineforum.org

www.hackbridgesafetyfirst.co.uk


I am trying to add a script to a webpage using the following code that was sent to me.


Code:
<script language="javascript" src="http://croydonradio.com/embed/show.php?HistoryID=8e2cbd59-0e4a-6c65-d177-590e79c9d453"></script>


Now if you view the original page, it shows the radio box nice and small.

http://croydonradio.com/embed/sho...cbd59-0e4a-6c65-d177-590e79c9d453

However when i try and add this to a webpage it comes out like below.

http://hackbridgesafetyfirst.co.uk/radio.html

I have tried adding a height attribute to this using the follow code.

Code:
<script language="javascript" src="http://croydonradio.com/embed/show.php?HistoryID=8e2cbd59-0e4a-6c65-d177-590e79c9d453" height="42" width="42"></script>


But it will not make any difference to the height.

If i add the script in the HEAD then it appears normal, however trying to add to BODY makes it stretch down the page.

I have tried to embed using the normal embed tag, however when doing this IE works normal , but FF asks for a plugin.

I have also tried using the tag <audio> but using this tag nothing shows, im guessing as audio is not defined.


So in a nutshell how can i embed this code in a webpage and have it look normal
_________________
Back to top
View user's profile Send private message Visit poster's website
myff admin
Site Admin
Site Admin
FLAG

Virtual Cash: 92930

Joined: 22 May 2005
Posts: 32207



Add Karma

rated by 281 members
Add Comment
Show Comments


online/offline
PostPosted: Sat Dec 13, 2014 6:39 pm    Post subject: Reply with quote

script does not have a height attribute, you will need to wrap the script tag in some kind of frame.
_________________

Family Friendly Shareware | | Web Design/Services | Free Forums
Back to top
View user's profile Send private message Visit poster's website
symon
Moderator
Moderator
FLAG

Virtual Cash: 37360

Joined: 04 Sep 2005
Posts: 11953


Location: Surrey,England
Add Karma

rated by 92 members
Add Comment
Show Comments

http://howtodoit.myfreeforum.org/index.php
online/offline
PostPosted: Sat Dec 13, 2014 6:51 pm    Post subject: Reply with quote

Ok thanks for that ...


So why does it show as normal once placed in the HEAD but goes really stretched when place in the body ?
_________________
Back to top
View user's profile Send private message Visit poster's website
myff admin
Site Admin
Site Admin
FLAG

Virtual Cash: 92930

Joined: 22 May 2005
Posts: 32207



Add Karma

rated by 281 members
Add Comment
Show Comments


online/offline
PostPosted: Sat Dec 13, 2014 7:31 pm    Post subject: Reply with quote

Hard to say, html does get a bit random if not used correctly.
_________________

Family Friendly Shareware | | Web Design/Services | Free Forums
Back to top
View user's profile Send private message Visit poster's website
symon
Moderator
Moderator
FLAG

Virtual Cash: 37360

Joined: 04 Sep 2005
Posts: 11953


Location: Surrey,England
Add Karma

rated by 92 members
Add Comment
Show Comments

http://howtodoit.myfreeforum.org/index.php
online/offline
PostPosted: Sat Dec 13, 2014 7:41 pm    Post subject: Reply with quote

I tried wraping it in an iframe , but the their website not mine returns errors..


Is it possible to wrap in a div class and define the class in the .css

Maybe im way out but im trying this

Code:
<div class="radio">
<script language="javascript" src="http://croydonradio.com/embed/show.php?HistoryID=8e2cbd59-0e4a-6c65-d177-590e79c9d453"></script> </div>


With

Code:
#radio {
    width: 100px;
    height: 100px;


Set int he .css
_________________
Back to top
View user's profile Send private message Visit poster's website
myff admin
Site Admin
Site Admin
FLAG

Virtual Cash: 92930

Joined: 22 May 2005
Posts: 32207



Add Karma

rated by 281 members
Add Comment
Show Comments


online/offline
PostPosted: Sat Dec 13, 2014 8:18 pm    Post subject: Reply with quote

My html/css i getting very rusty, but I think  # in css refers to an id "." to a class

http://stackoverflow.com/questions/544010/css-div-id-vs-div-class
_________________

Family Friendly Shareware | | Web Design/Services | Free Forums
Back to top
View user's profile Send private message Visit poster's website
symon
Moderator
Moderator
FLAG

Virtual Cash: 37360

Joined: 04 Sep 2005
Posts: 11953


Location: Surrey,England
Add Karma

rated by 92 members
Add Comment
Show Comments

http://howtodoit.myfreeforum.org/index.php
online/offline
PostPosted: Sat Dec 13, 2014 8:20 pm    Post subject: Reply with quote

Ok forget the post above it wasnt working..  
So i used the code below and changed the background colour , and i`m please to say it has worked.

Code:
<p align="center">Listen to Tracey Collins radio interview with radio Croydon</p>
<p align="center">&nbsp;</p>
<p align="center">This is the recording of Tracey Collins the founder of Hackbridge Safety first,</p>
<p align="center">Speaking on the Pix&amp;mix show</p>
<p align="center">With Host Glenn Lawrence</p>
<p align="center">&nbsp;</p>
<p align="center">During the 2nd half of the show, Tracey Collins&nbsp; joined&nbsp; Glenn Lawrence to  discuss her road safety campaign for Hackbridge.</p>
<p align="center">&nbsp;Tracey and Glenn&nbsp; talked about the issues and barriers  she has faced</p>
<p align="center">Her campaign for the  safety of all pedestrians</p>
<div align="center">
<div style="width:206px; background-color:#FFFF00;">
<div align="center"><img width="200" height="5" src="http://croydonradio.com/podcast/embed_footer_invert.jpg" alt="" /></div>
<p align="center"><object width="30" height="30" id="wimpy_button_1" name="wimpy_button_1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,47,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="http://croydonradio.com/podcast/wimpy_button.swf?theFile=http://croydonradio.com/upload/podcast/2014-11-03-13-01-06.mp3" name="movie" />
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param value="true" name="autoplay" /> <embed width="30" height="30" align="texttop" autoplay="true" name="wimpy_button_1" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://croydonradio.com/podcast/wimpy_button.swf?theFile=http://croydonradio.com/upload/podcast/2014-11-03-13-01-06.mp3"></embed></object>Pick &amp; Mix ft Tracey Collins - Glenn Lawrence  <img src="http://croydonradio.com/podcast/embed_header_invert.jpg" alt="" /></p>
</div>
</div>
<div align="center">
<p>To download a copy of this interview you can go to the link below.</p>
<p>http://croydonradio.com/upload/podcast/2014-11-03-13-01-06.mp3</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>



_________________
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    myfreeforum.org Forum Index -> Web page/template Editing All times are GMT
Page 1 of 1
 
 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Card File  Gallery  Forum Archive
Powered by phpBB © 2001, 2005 phpBB Group
Create your own free forum | Buy a domain to use with your forum