Ciao a tutti
ho creato un immaigine in fireworks che cambia colore al passagio del mouse
e fa entrare in un altra pagina quando si clikka..
inserita in una pagina html e centrata orizzontalmente
ma come si centra in veritcale???
il vertical-align="middle" dentro il css non funziona...boooo
mando il codice ad ogni uomo di buona volontà
Grazie milla
Ale
Il vertical-align funziona se lo applichi ad un td...Originariamente inviato da Aley79
il vertical-align="middle" dentro il css non funziona
Prova anche
height: 30px; (ad esempio)
line-height: 30px (uguale al numero imposstato sopra)
l'immagine risulta essere un box ad altezza fissa, quindi dovresti fare:
#immagine {
position: absolute; /*serve fare così, e non so perchè*/
height: xxxpx; /*metti l'altezza dell'immagine*/
top: 50%; /*ti pone l'immagine al centro pagina considerando come punto di riferimetnto il suo margine superiore. Quindi l'immagine si trova sotto il centro pagina...*/
margin-top: -xxxpx; /*metti il valore corrispondente a META' dell'altezza dell'immagine*/
}
Ora dovrebbe trovarsi al centro.
[cit] ...i margini verticali impostati sul valore AUTO non si comportano come i margini orizzontali. Inoltre, VERTICAL-ALIGN:MIDDLE non si comporta come il nome della dichiarazione lascerebbe intendere.
La tecnica consiste nel posizionare il margine superiore del box al centro della finestra tramite "top:50%" e nell'aggiustare poi la posizione tramite un margine superiore NEGATIVO esattamente pari alla metà dell'altezza del blocco stesso, ovvero tramite "margin.top:-xxxpx" [/cit]
Grazie mille per la spiegazione
ma alla fine ho trovato in giro questa soluzione in giro che ho hem...importato
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr height="98%">
<td height="97%" align="center" valign="middle">ecc ecc
Grazie ancora
Ale
Ok... ma il css dove sta?Originariamente inviato da Aley79
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr height="98%">
<td height="97%" align="center" valign="middle">ecc ecc
ehm...non c'è...sta tutto quiOriginariamente inviato da ricman
Ok... ma il css dove sta?
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr height="98%">
<td height="97%" align="center" valign="middle">
[img]immagine.gif[/img]
entra
<span class="Stile2">testotesto</span></p></td>
</table>
</body>
</html>
Permessi di invio
Rispondi quotando