28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je possède un DIV contenant des images.
<div id="bouton">
	<a href="#"><img src="xxx" width="140" height="21" alt="xxx" /></a>
	&nbsp;&nbsp;&nbsp;
	<a href="#"><img src="yyy" width="140" height="33" alt="yyy" /></a>
</div>

Je souhaiterai aligner verticalement les images entre elles mais je n'y parviens pas. J'ai l'astuce sur le positionnement vertical mais même l'utilisation du display: table-cell; ne fonctionne pas (Firefox 5).

Ma première image a une hauteur de 21px et la deuxième de 33px. Je voudrai que celle de 21px soit alignée verticalement sur celle de 33px. Le vertical-align: middle; ne fonctionne pas non plus.
Voici une page en ligne pour que vous puissiez constater et essayer par vous même : lien supprimé
Modifié par Alphonse (26 Oct 2011 - 13:04)
pour aligner des image verticalement, c'est vertical-align:middle, et ca s'instruit au niveau des images et non au niveau du conteneur

ex.
#bouton img{vertical-align:middle;}