afbeeldingen met mouseover

Status
Niet open voor verdere reacties.

herbanus

Gebruiker
Lid geworden
26 sep 2007
Berichten
44
Ik heb op mijn site afbeeldingen waarbij ik de mouse-over techniek gebruik.
LInks heb ik dus de afbeeldingen in miniatuur en als je erover gaat met de muis dan komt rechts de afbeelding in het groot. Het gebeurt nu soms dat de linker menukolom (miniatuurafbeeldingen) mee verhuist naar rechts of links (scheelt niet veel maar toch), hoe kun je dit vastzetten zodat dit steeds op dezelfde plaats staat. Hier mijn code:

<table width="632" align="center">
<tr>
<td width="221" valign="top"> <table width="204" border="0" align="left" cellpadding="8" cellspacing="0">
<tr>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 10.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 10.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 11.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 11.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 12.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 12.jpg';"></div></td>
</tr>

<tr>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 13.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 13.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 14.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 14.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 15.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 15.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 16.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 16.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 17.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 17.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 18.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 18.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 19.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 19.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 20.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 20.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 21.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 21.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 22.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 22.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 23.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 23.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/reningelst 24.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/reningelst 24.jpg';"></div></td>
</tr>
</table>
<table width="466" border="0" align="right" cellpadding="8" cellspacing="0">
<tr>
<td><div align="center"> <img src="pics/reningelst 10.jpg" name="largeImage" border="0" ></div></td>
</tr>
</table>
<p align="center">&nbsp;</p></td>
 
herbanus ,
Laat ons dat eens zien op uw server? url naar uw site aub.
En begin eens met die spacies weg te halen tussen de naam van uw plaatjes.
reningelst 10.jpg = niet goed voor sommige browsers
reningelst_10.jpg = goed
reningelst10.jpg = nog beter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan