Sono veramente stanco di sbattere la testa contro il muro! Sto costruendo in semplice sito e sto realizzando una pagina con una tabella contenente delle immagini piccole sistemate in verticale. Passando sopra il mouse , queste si ingrandiscono regolarmente , ma il guaio e che facendo lo scrollig della tabella , l' immagine ingrandita non sta centrata nello schermo cambia posizione a secondo se il mouse passa su una foto piccola sistemata in alto oppure in basso. Esempio visibile con il link=
http://www.fioribrembani.it/Scheda-fiori-di-PROVA.htm . Lo script l' ho scopiazzato e modificato, per questo penso che qualcosa che non va nelle parte head che unisco :
<style type="text/css" class="thumbnail">
.thumbnail{
position: static;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FF33FF;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 35px;
left: 180px; /*position where enlarged image should offset horizontally */
}
body {
margin-left: 45px;
background-color: #000000;
}
Parte body :
<tr bordercolor= "#00FFFF">
<td width="100" height="75"><a class="thumbnail" href=><img src="immagini/arabis-bellidifolia-p.jpg" alt="arabis bellidifolia" width="100px" height="75px" border="0" /><span><img src="immagini/arabis-bellidifolia.jpg"/></span></a></td>
<td align="center" class="Stile4">Arabis <br>
bellidifolia</td>
<td align="center" class="Stile4">Brassicaceae</td>
<td align="center" class="Stile4">Arabetta <br>
minore </td>
<td align="center" class="Stile4">19-6-2007</td>
<td align="center" class="Stile4">Monte Arera<br>
Prealpi Orobie</td>
<td align="center" class="Stile4">2000</td>
</tr>
Ringrazio sentitamente chiunque mi sapra dare una mano !