è un bel pò che
ho creato una pagina "amici" dove ci sono tutte le foto dei miei amici, voglio che quando vado sopra ogni img se ne apre un'altra.. ho costruito la pagina html con go-live ho creato poi un file css.. ora quando uso il programma funziona tutto bene, quando invece è in rete funziona solo un'immagine (vedi: http://www.salvino.lerose.eu/amici/amici.html )
il mio procedimento è stato questo:
1) ho richiamato il css: <link rel=stylesheet href="ingrandiscefoto.css" type="text/css">
2) ho fatto la tabella dove ho posizionato le img:
<td width="506" height="500" rowspan="3" valign="top" align="left" xpos="190">
<table width="500" border="0" cellspacing="2" cellpadding="0" height="480">
<tr height="80">
<td id="daniel" bgcolor="white" width="80" height="80">
<div align="center">
[img]mini/danielmini.jpg[/img]</div>
</td>
<td id="tommaso" bgcolor="white" width="80" height="80">
<div align="center">
[img]mini/tommasomini.jpg[/img]</div>
ecc..
3) ho creato il file css:
/* FOTOGRAFIE
KOBLER */
#daniel { height:50px;width:38px }
#daniel img { border:none }
#daniel a {
display:block;
position: absolute;
z-index: 1;
}
#daniel a:hover img, #daniel a:active img { display:none }
#daniel a:hover, #daniel a:active {
height:260px;width:460px;
z-index: 2;
background:url(daniel.jpg)
}
/* FOTOGRAFIE
TOMMASO */
#tommaso { height:50px;width:38px }
#tommaso img { border:none }
#tommaso a {
display:block;
position: absolute;
z-index: 1;
}
#tommaso a:hover img, #tommaso a:active img { display:none }
#tommaso a:hover, #tommaso:active {
height:260px;width:460px;
z-index: 2;
background:url(tommaso.jpg)
}
4)daniel funziona tommaso no!!! xchè????
RAGAZZI AIUTOOOO... non so se sono stato chiaro...
SE VOLETE VI INVIO TRAMITE MAIL TUTTO .ZIP SONO 800kB </td>vedi:
Rispondi quotando