PDA

View Full Version : Hovering over small image to get large image problem with more than one picture


pomdah
02-03-2010, 05:41 PM
I am trying to use the code shown in http://www.dreamweaverclub.com/dreamweaver-show-larger-image.php, which works fine with one picture, but when I try with several pictures I cannot get the thumbnails side by side, number two comes below the first and so on. I simply add the code for another picture within the <div id="picture">:

<a class="small" title="s1"><img src="img/small1" title="s1" />
<img class="large" src="img/large1" title="l1"/></a>
<a class="small" title="s2"><img src="img/small2" title="s2" />
<img class="large" src="img/large2" title="l2" /></a>

The css code is unchanged from the download. I tried to increase the width of #picture, but it didn't help. Any ideas what to do?

Corrosive
02-03-2010, 05:44 PM
Have you tried adding a float to your css styles for class 'small'?

pomdah
02-03-2010, 06:10 PM
Now I have, so much better, problem solved. Thanks for very quick answer!

Corrosive
02-03-2010, 06:19 PM
You are welcome. Also welcome to DWC :)