0

Hi,

I'm trying to make a marquee within a table that uses 1 picture and goes on for infinity, without a gap between where it ends and where it starts each time it loops. Could someone please tell me how to do this?

Thanks,
-Ashton.

4
Contributors
6
Replies
8
Views
7 Years
Discussion Span
Last Post by rajarajan07
0

Ashton,

I'm not sure what you mean by "marquee" in this context but you seem to be describing a background-image applied to a table.

You may get cross-browser differences in exactly how it renders (viewport origin vs. element origin), so best test thoroughly.

Airshow

0

Ashton,

Aha, that sort of marquee! I had a quick play and can't achieve exactly the behaviour you seek.

You can do this:

table border>
<tr>
<td style="width:100px;"><marquee behavior="scroll" direction="left" hspace="0" vspace="0"><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /></marquee></td>
</tr>
</table>

but how ever many <img>s you cram in, there's always a gap of one image width after the last one before the whole thing repeats.

Someone may know a special trick but I think you may end up having to write your own marquee function in javascript to dynamically control the position of two adjacent images.

Airshow

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.