Forum d'entraide PHPFrance

Bonjour,
j'ai deux balises input (dont une image) dans un div, comme ceci:

<div>
<form action="" method="">
<input  type="text" name=""/>
<input  type="image" src="images/btn_rechercher.gif" />
</form>

Le champ de texte et le bouton s'affichent "inline", à la suite l'1 de l'autre, comme je l'espérais.

Par contre, impossible de faire un centrage vertical. Mon bouton s'affiche plus haut que le champ input. Comment les aligner correctement?

Mon site est ici, voir le champ et le bouton de recherche en haut à droite.
http://82.227.167.30/lrb/livraison/mathias/t1/

Merci pour vos réponses.[/url]

Applique un "line-height" correspondant à la hauteur du champ de saisie au texte du label ou encore positionne le champ en relatif avec une valeur "top" pour ajuster.

Pour le centrage vertical d'un élément en ligne par rapport à un autre, il y a encore plus simple :

En théorie, ça devrait, sauf que ça ne s'applique qu'aux éléments de type tableau/cellule. Il faudrait donc pour ça appliquer un display: table-cell pour que ça fonctionne : mais si l'élément a des dimensions, le line-height marche très bien.