Salve a tutti.
Sto creando una galleria di immagini in un sito ma dopo vari e vani tentativi, non mi è ancora riuscito di allineare verticalmente delle immagini di altezza variabile in un div di altezza fissa.
Ho inserito tutte le immagini in div e a questi ho applicato una classe di cui riporto il codice:
.galleria { float: left; text-align: center; height: 150px; width: 150px; }
Così facendo ho tutte le immagini centrate in orizzontale ma in verticale rimangono allineate in alto.
Qual è quindi la soluzione più semplice e immediata nonché compatibile con tutti i browser per allinearle anche verticalmente ma senza l'utilizzo di tabelle?
Un grazie anticipato per ogni eventuale suggerimento.
__________________
gadget aziendali mai visti! (geschenkidee taufe in tedesco o objetos regalos in spagnolo), asciugatrice
non le puoi allineare così.
se non vuoi utilizzare JS esistono 2 metodi principali (che io sappia):
faux columns e http://www.couzinhub.com/en/mar-09/equal-height-columns-css
se invece te ne infischi di js, prova il modulo equal heights o googla uno script analogo
Certified to Rock
Credo un pò più CSS basterà... E una vecchia problema, bisogna ricordare che un
<img>viene di solito trattato come un carattere, quindi bisogna usare un proprietà 'testo':vertical-alignDai un occhiata a http://www.bigbaer.com/css_tutorials/css.vertical.align.image.styles.htm, ultime quattro righe, e metti firebug a studiare le quattro immagini centrati in verticale. Usano tutti
vertical-align: middle;Apri quella pagina con il browser che desideri testare ;-)
John
Più imparo, più dubito.