Sliding menu

[mail]

I've downloaded this script ... http://www.dyn-web.com/dhtml/scroll/

part of the script is this page

http://www.dyn-web.com/dhtml/scroll/scrollbar-h.html

the script stores images in tables and I was trying to replace it with a list or div based layout, i failed. Can anyone help me out ?

I replaced

<table id="t1" border="0" cellpadding="0" cellspacing="6">

<tr>

<td><img src="/images/btns/dwc-w-btn.gif" width="175" height="40" alt="" /></td>
<td><img src="/images/btns/dot-com-btn.gif" width="176" height="30" alt="" /></td>
<td><img src="/images/btns/slogan-btn.gif" width="132" height="32" alt="" /></td>
<td><img src="/images/btns/dwc-w-btn.gif" width="175" height="40" alt="" /></td>
<td><img src="/images/btns/dot-com-btn.gif" width="176" height="30" alt="" /></td>
<td><img src="/images/btns/slogan-btn.gif" width="132" height="32" alt="" /></td>

</tr>

</table>

with

 
<ul id="slide"> 

<li> <img class="floatimg" src="images/dwc-w-btn.gif" width="175" height="40" alt="" /> </li>
<li> <img class="floatimg" src="images/dot-com-btn.gif" width="176" height="30" alt="" /> </li>
<li> <img class="floatimg" src="images/slogan-btn.gif" width="132" height="32" alt="" /> </li>

</ul>

#slide {
margin: 0;
padding: 0;
list-style: none;
display: inline;
overflow: hidden;
}

#slide li {
 margin: 0; 
 padding: 0;
 list-style: none;
 display: inline;
}

#slide img { float:left; }

[Mathachew Veteran]

How exactly did you fail? Got a link we can see this at? Try floating your <li> to the left as well.

[mail]

images didn't float left, it would just wrap, and the slider didn't work. If i can find a server i will upload it.

http://www.larney.co.uk/mail/

Hmm apparently he doesn't like it being used on a server ... great. I didn't want to use flash to do this, but guess i have to.

Edited July 13, 2007 by mail

[Mathachew Veteran]

What's wrong with just using tables?

Have you tried just using images with them lined next to each other like so: <img /><img /> etc.

[Smokin-Joe]

Or you could use something like this.