Centrare img in un tag A ??

[ricman]

Come si fa a centrare verticalmente un'img dentro un tag A?
La miniatura (l'img dentro <a>) è una foto che ha larghezza OPPURE altezza di 83px e l'altra dimensione sarà proporzionata e inferiore a 83. In pratica avrò sempre rettangoli orizz. o vert. con misura max=83px e l'altra <83.
Però voglio che il riquadro (giallo nel mio caso) del tag A sia quadrato; di conseguenza ho bisogno di centrare in verticale la foto.
Per ora sono a questo punto...

.img-gallery {
	padding: 2px;
}

a.img-gallery {
	border: 2px solid #ffcc00;
	display: block;
	float: left;
	width: 85px;
	height: 85px;
	text-align: center;
	margin:2px;
}
a.img-gallery:hover {
	border: 2px solid #666;
}

Che poi richiamo nell'html/php in questo modo:

echo "
[img]$path_mini/$file[/img]
";

[pierofix]

Ti basta aggiungere 'line-height:85px' al selettore a.img-gallery. Funziona se il testo del link è stampato su un'unica riga.

[awd]

non ho capito bene la questione, cmq per centrare verticalmente un'immagine puoi usare la proprietà vertical-align

[ricman]

Originariamente inviato da awd
...
per centrare verticalmente un'immagine puoi usare la proprietà vertical-align

Invece mi sa di no... (almeno con FF... con IE non ho provato).
Non devo centrarla rispetto al testo, ma rispetto al tag A che la contiene.
La soluzione di "perofox", ora che ci penso, dovrebbe andare. Speravo ci fosse anche qualcosaltro...

[pierofix]

Originariamente inviato da ricman
perofox

[awd]

Originariamente inviato da pierofix

:maLOL:

[ricman]

Originariamente inviato da pierofix

Oooops... La prossima vado di Copia/Incolla