Joomla Show

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.

__________________
idee regalo mai visti! (confirmation gift in inglese o cadeaux baptême in francese), Skool

Ciao Jacopo,

centrare verticalmente con i css.. questa sì che è una bella domanda.
L'attributo valign delle tabelle è deprecato e non ti conviene utilizzarlo.

Non so se in questo caso (visto che si tratta solo di immagini) può bastarti utilizzare la proprietà "vertical-align" del css oppure no.

Ho trovato questo articolo che spiega il problema e mostra una soluzione funzionante su tutti i browser moderni.

Ciao
N.

quale articolo scusa? ti sei forse dimenticato il link?
grazie

azz, di mattina non connetto bene

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html