ciao :F
ho un div alto 200px e un'immagine 100 (valori a caso)
come faccio a centrare l'img in verticale nel div?
ho provato a dare vertical-align: middle; sia al div che all'immagine, niente
idee?devo per forza cambiare tipo di posizionamento e usare il top?
in teoria vertical-align applicato all'immagine dovrebbe funzionare.
prova a definire le dimensioni
[img]orologio.gif[/img]
provato anche a metterle nello style="", niente
perchè
pare che funzioni solo con immagini in un paragrafo!
boh allora degli il display:block; e centrala con line-height
ho risolto mettendo del padding al div
grazie lo stesso!
in effetti la cosa non è di facile risoluzione!
Avevo già affrontato il problema ma non ricordo come avevo risolto.
vertical-align funziona se l'allineamento dell'immagine è riferito ad un testo!
line-height in questo caso non funziona, nemmeno con display:block.
Ricordo di aver provato con successo definendo i margini top e bottom con auto { margin: auto 0; } ma, oltre al fatto che funzionava solo sui browser standard, nel caso che sto affrontando non va!
Usare il padding non è una soluzione adeguata! può andare bene se hai un'immagine sola e statica, ma metti che hai diverse immagini di varie dimensioni da inserire in box di dimenione fissa (magari via database), tale soluzione non funzionerebbe, serve invece una regola comune!
e nemmeno il posizionamento assoluto mi sembra fattibile, in quanto non è detto che io sappia le dimensioni dell'immagine...
totale: BOH! :master:
La proprietà vertical-align definisce l'allineamento verticale di un elemento in linea all'interno di una linea di altezza superiore.Originariamente inviato da osvi
ciao :F
ho un div alto 200px e un'immagine 100 (valori a caso)
come faccio a centrare l'img in verticale nel div?
ho provato a dare vertical-align: middle; sia al div che all'immagine, niente
idee?
Per gli elementi a livello di blocco, vertical-align non assume alcun significato.(Gianluca Troiani - CSS guida Completa).
Tipicamente si usa per allineare del testo(inline) rispetto l'immagine(inline), ma non l'immagine(inline) rispetto un div(blocco).
Non va confusa con l'attributo valign.
semmai il contrario, l'immagine (inline) rispetto al testo (blocco)! io infatto ho allineato al testo l'immagine contenuta in un paragrafo!Originariamente inviato da pacovox
Tipicamente si usa per allineare del testo(inline) rispetto l'immagine(inline), ma non l'immagine(inline) rispetto un div(blocco).
Non va confusa con l'attributo valign.
Permessi di invio
Rispondi quotando