Oki doki. I need your brain power / second pair of eyes!

I'm presenting options to the club committee for managing sponsor names on our site. I have created a marquee as one of the options. This scrolls perfectly from L to R but when I change the direction to R to L the scroll doesn't complete and resets itself as soon as the first element gets to the left hand side of the page. Have a look at the problem here http://eastlandtriclub2.coffeecup.com/site/ (Options A go RtoL)

I have used the same code for each marquee just reversed the direction and reordered the items. Here are the codes:

L to R

<marquee behavior="scroll" direction="right" scrollamount="4">
<span style="font-family: 'Tempus Sans ITC', 'Tempus Sans ITC', 'Tempus Sans ITC'; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #200080;">Visit our sponsors page to find out more about these businesses</span>
<span style="font-family: Arial, Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000000;"> ... The Marina Restaurant ... Bikeys ...</span>
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #FF6600;">BRONZE SPONSORS</span>
<img src="AArunner.png" width="100" height="50" alt="Flying Bat" />
<span style="font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000000;">This opportunity is still availble for the 2012 season. Email us now for details ...</span>
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #CDCDCD;">SILVER SPONSOR</span>
<img src="AAcyclist.png" width="100" height="50" alt="Flying Bat" />
<span style="font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000000;">Avanti Plus Maintrax ...</span>
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #FAC905;">GOLD SPONSOR and 2012 Wicked Winter Series Naming Sponsor</span>
<img src="AAswimmer.png" width="100" height="50" alt="Flying Bat" />
</marquee>

R to L

<marquee behavior="scroll" direction="left" scrollamount="4">
<img src="AAswimmer2.png" width="100" height="50" alt="Flying Bat" />
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #FAC905;">GOLD SPONSOR and 2012 Wicked Winter Series Naming Sponsor</span>
<span style="font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000000;"> ... Avanti Plus Maintrax</span>
<img src="AAcyclist2.png" width="100" height="50" alt="Flying Bat" />
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #CDCDCD;">SILVER SPONSOR</span>
<span style="font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000000;"> ... This opportunity is still availble for the 2012 season. Email us now for details</span>
<img src="AArunner2.png" width="100" height="50" alt="Flying Bat" />
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #FF6600;">BRONZE SPONSORS</span>
<span style="font-family: Arial, Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000000;"> ... The Marina Restaurant ... Bikeys ...</span>
<span style="font-family: 'Tempus Sans ITC', 'Tempus Sans ITC', 'Tempus Sans ITC'; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #200080;"> ... Visit our sponsors page to find out more about these businesses</span>
</marquee>


I have poked, prodded, deleted, reconstructed, drunk more gin, and then done it all over again to no avail.

Can any of you guru's see what I have done wrong??? It is driving me mmmmaaaaaaddddd :-)

Any help is appreciated

Thanks
Hilary

<marquee scrollamount="4">

Should be all you need to place where the marquee starts.

I have also deleted your other post as you have posted twice. Please only post your question once as it will be answered. Thank you.

Thanks SirAGE

I've tried that but I still have the problem!

I feel like your little man!

Okay - had a bit more of a play following your suggestion SirAGE.

Doing jiggery pokery and a process of elimination I have isolated the issue to a problem with 'leading' with an image.

If I put some text in front of the image in the RtoL code (for example)

<marquee scrollamount="4">
<span style="font-family: 'Tempus Sans ITC', 'Tempus Sans ITC', 'Tempus Sans ITC'; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #200080;"> Thank you to all our sponsors </span><img src="AAswimmer2.png" width="100" height="50" alt="Flying Bat" />
<span style="font-family: 'Tempus Sans ITC'; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #FAC905;">GOLD SPONSOR and 2012 Wicked Winter Series Naming Sponsor</span>

.... etc etc .......


..... then everything works fine. I don't know why this is?!? If this is the case I can see why LtoR works (because it is going backwards and therefore leading with text)

Any ideas how I can lead with an image? It doesn't seem to be an issue with the .png file as when I use a .gif I still get the issue.

I was going to show you how I would do it but it would not be conventional so I think this will get you on the right track.
http://www.quackit.com/html/html_generators/html_marquee_generator.cfm
And
http://www.htmlcodetutorial.com/_MARQUEE.html

Have the message scroll up or down may be a better option as it takes a while to read.

Actually if you explore the addition of php you can control an ever changing content of the marquee. You can modify the behaviour in a continually changing pattern.

You may find a bit of things here and there that don't function correctly and most likely across browsers where Marquee is concerned as the tag is considered "unconventional" now and is not supported anymore in the HTML.

Apparently they have added this feature to the CSS setup now so you may want to check that out here:
http://www.w3schools.com/cssref/#marquee

Use Jquery.

Amen to that!

http://www.w3schools.com/cssref/#marquee

From Wiki


I agree the Jquery works but you need a plugin. The Marquee tag has been depreciated but will never stop being supported as many companies would be up in arms. The term is discouraged basically as it is not exactly a tag. I have pages that pre date Css and all are accepted still today.

From http://infomesh.net/html/history/early/ Early History of HTML
.
The whole concept of how a page is created I believe will be totally overhauled. HTML is one language that cannot create itself and relies on scripts to shore up its inabilities. I believe HTML or its replacement will be a true programming language in its own right not relying on any other means. Then Jquery, Php,Javascript Ajax. will be the depreciated ones.