I"Ve followed your advice for mouseover photo album. I'm trying to get my thumbnails to mouseover to shown a different pattern on the big photo. My page shows a big photo next to the thumbnail. Why is this showing like this?
Thanks,
Joseph



<div style="position:absolute;top:10px;left:165px;"><img src="http://dqtrs.com/photos/chitlins_02_2.jpg" style="height:421px;width:469px;"></div>
<style type="text/css">
img.mini {border:none}
div#minis a img.big {height: 101; width: 100; border-width: 0}
div#minis a:hover img.big {position:absolute;top:10px;left:165px;height:421px;width:469px;border:none; text-decoration:none;}
div#minis a img.mini {height: 101px; width: 100px; border-width: 0}
</style>
<div id="presentation" style="width:800;height:800px;">
<br>
<div id="minis" class="minislinks" style="margin-left:100px; margin-top:0px;">
<div style="height:425px;"></div>
<a class="photo" title="Name"><img class="mini" src="http://dqtrs.com/photos/chitlins_02_3t.jpg" alt="Name" /><img class="big" src="http://dqtrs.com/photos/chitlins_02_3.jpg" /></a>
<a class="photo" title="Name"><img class="mini" src="http://dqtrs.com/photos/chitlins_02_4t.jpg" alt="Name" /><img class="big" src="http://dqtrs.com/photos/chitlins_02_4.jpg" /></a>
<div style="height:100px;"></div>
</div>
</div>

Hi Joseph,

because

div#minis a img.big {height: 101; width: 100; border-width: 0}

has to be

div#minis a img.big {height: 0; width: 0; border-width: 0}

and sizes shouldn't be changed in this specific line.

Good implementation though, looks and works nice once you correct this mistake..

Regards,
Cédric

Thanks so much. Works great now.

It also looks better to me