Help Please to add scrolling inside a graphic tag

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Share: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
#1   Help Please to add scrolling inside a graphic tag
SNOWBIRD_00
CZ Newbie
SNOWBIRD_00 has been a member for over 16 year's 16 Year Member
Status: Offline
Joined: Oct 30, 2007
0.00 posts per day
Posts: 2
Points: 0
   
I am very new at all this code for html.I have made a graphic tag which I would like to place a scrolling text inside of it but I do not have a single clue how to go about this .Does anyone have a code that I can follow.I would like the scrolling to go up and be on the left handside.
thank you Snowbird



Back to top Reply with quote
#2   re: Help Please to add scrolling inside a graphic tag
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
Kelly_Hero has been a member for over 20 year's 20 Year Member
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 58
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.50 posts per day
Posts: 3765
Points: 351,412
   
Nice graphic. icon_smile.gif

Here's a script for a scroller that should work in most browsers.
[ Register or login to view links on this board. ]

Just follow the directions for putting it on your page.

One thing, you don't actually put anything "inside" an image. You can have an image as a background for whatever you're doing, which is what you will want to do in this case.

Here's how. In the script I linked to above, look for this code:

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}


Change it to:

#marqueecontainer{
position: relative;
background: url(MY_GRAPHIC.gif) no-repeat;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}


There are 3 things you will then need to edit in that bit of code so that it looks like the text is sitting nicely within the golden borders of your image.

1. Where it says MY_GRAPHIC.gif, you will need to put in the full address to wherever you have the image stored on your server.

2. You will want to change the width and height so that the marquee will sit within the edges of your image. You can also play around with the padding values.

3. You will want to get rid of the orange border. Change the border to "border: 0;"

That should do it. Post back if you need any further assistance.


Back to top Reply with quote
Display posts from previous:      
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
<< View previous topic View next topic >>
Post new topicReply to topic

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
You cannot attach files in this forum
You cannot download files in this forum