Problème CSS2 : aligner un label et un input

[UsagiYojimbo]

Bonjour à tous !

Je galère un peu pour aligner verticalement ensemble un texte placé dans une balsie label et un chant de type input. Il y a toujours un léger décalage vertical entre les 2 et je ne vois pas comment affiner ça.

Ma CSS :

Code: Tout sélectionner

#newsletter label
{font-weight:bold;color:#000000;margin:0px;padding:0px;font-size: 14px;}
#newsletter hr
{border:none;background-color:#B8BECE;color:#B8BECE;height:1px;padding:0 0 0 0px;margin:0 0 0 0px}
#bloc-newsletter
{width:475px;padding-left:15px;float:left;height:32px;line-height:32px;}


Mon Code HTML :

Code: Tout sélectionner

<div id="bloc-newsletter">
<label>Newsletter</label><input name="mail_newsletter" type="text" style="width:150px;">
<hr>
</div>


Si quelqu'un a une solution, je suis preneur.

[netsys]

T'as pas un lien pour voir ton problème parce que je visualise pas trop ton pb.
Essaye avec un margin-top dans le label pour le positionner par rapport au input.

[UsagiYojimbo]

... nan pas de lien c'est un site en dev.

Mais des shoot écran oui :

Sur IE :

Sur FireFox :

[netsys]

un float: left; dans le label pour voir ce que ca donne...

[HawkEye]

Code: Tout sélectionner

#bloc-newsletter { ... ; vertical-align: middle; }


ça aiderait ?

[thegwil]

Yo!

Perso, j'insère toujours mes labels et input dans un paragraphe

Code: Tout sélectionner

<p><lable>...</lable><input ... /></p>

A la mode de Fred Cavazza en fait.

[MarvinLeRouge]

Salut,

1) Tu mesures ton décalage
2) Tu vérifies si c'est pareil pour tous les champs
3) En fonction de ça, tu fais une feuille css spécifique IE, que tu appliques via un commentaire conditionnel

[UsagiYojimbo]

... ok merci

[Rackham]

Le pro du pro c'est vraiment Raphaël ici www.alsacreations.com