Centrare img verticalmente

[mexican]

Ciao a tutti, io ho questo codice:

<div class="box60 h60 floatleft margin_left5 margin_bottom5 border1">                         
<a rel="example_group" href="./public/Articoli/Big/foto.jpg" title="aaa">
[img]public/Articoli/xxsmall/foto.jpg[/img]
</a>                     
</div>

box60= width: 60px;
h60= height:60px
gli altri sono chiari anche così.
Ora però vorrei centrare l'immagine verticalmente nel div. Dato che al momento esce al top del div.
Cosa devo fare?
Ho cercato sul web ma non ho trovato una soluzione molto chiara e funzionante.
grazie a tutti.

[LuigiMem]

se il div è alto 60px è la tua foto poniamo il caso sia alta 30px

per centrarla verticalmente aggiungi 15 pixel sopra e 15 sotto,

quindi margin-top:15px;
quindi margin-bottom:15px;

ciao

[ldetomi]

Elimina quel "align=middle" nell'html perché è assolutamente deprecato!!!

Poi ti posso dire, se l'immagine fosse in una cella di tabella, sicuramente funziona via css

TD
{
  vertical-align:middle;
}

Mai provato se il contenitore è un DIV....

[mexican]

Allora la dinesione dell'immagine non la so a priori, so solo che è alta max 60px.
Per quanto riguarda il vertical-align:middle; non funziona nel div.

[bionicoz]

Se non sai a priori l'altezza delle img l'unica è usare javascript.

[ResianTaxidrive]

no, in realtà si può fare anche con i css, solo che devi fare un po' di maneggi per far si che funzioni con tutti i browser.
Una volta avevo usato questo sistema
http://www.jakpsatweb.cz/css/css-ver...-solution.html

[bionicoz]

Non so quanto convenga rispetto a mezza riga di js, cmq interessante, lo terrò a mente.

[mexican]

grazie. oggi provo.