Home :: Forums :: Register :: Sign In :: Links :: Downloads

Help Please to add scrolling inside a graphic tag

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb   More...
#1Tue Oct 30, 2007 9:35 pm   Help Please to add scrolling inside a graphic tag
SNOWBIRD_00
CZ Newbie
Status: Offline
Joined: Oct 30, 2007
0.01 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 SnowbirdImage



Back to top Reply with quote
#2Tue Oct 30, 2007 10:03 pm   re: Help Please to add scrolling inside a graphic tag
Kelly_Hero
PayPal Donation
Asst. Admin
 Codezwiz Site Donator
Kelly_Hero has been a member for over 4 year's 4 Year Member
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 43
Website: www.myleague.com/bandr
Status: Offline
Joined: Aug 20, 2003
2.07 posts per day
Posts: 3763
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   More...
<< 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