|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
UsagiYojimbo
WRInaute accro
Inscrit le: 23 Nov 2005
Messages: 2080
Localisation: Lyon, capitale des Gaules
|
 Posté le : Ven Avr 07, 2006 10:16 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
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: |
#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: |
<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
WRInaute accro
Inscrit le: 17 Juil 2004
Messages: 1091
|
| Posté le : Ven Avr 07, 2006 10:25 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
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
WRInaute accro
Inscrit le: 23 Nov 2005
Messages: 2080
Localisation: Lyon, capitale des Gaules
|
| Posté le : Ven Avr 07, 2006 10:34 Sujet du message: ... |
|
|
... nan pas de lien c'est un site en dev.
Mais des shoot écran oui :
Sur IE : 
Sur FireFox :  |
|
| |
|
|
netsys
WRInaute accro
Inscrit le: 17 Juil 2004
Messages: 1091
|
| Posté le : Ven Avr 07, 2006 10:41 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
| un float: left; dans le label pour voir ce que ca donne... |
|
| |
|
|
HawkEye
Modérateur
Inscrit le: 23 Fév 2004
Messages: 12124
Localisation: Google
|
| Posté le : Ven Avr 07, 2006 10:42 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
| Code: |
#bloc-newsletter { ... ; vertical-align: middle; }
|
ça aiderait ? |
|
| |
|
|
thegwil
Nouveau WRInaute
Inscrit le: 05 Mar 2005
Messages: 34
Localisation: Belgique
|
| Posté le : Ven Avr 07, 2006 10:43 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
Yo!
Perso, j'insère toujours mes labels et input dans un paragraphe
| Code: |
| <p><lable>...</lable><input ... /></p> |
A la mode de Fred Cavazza en fait. |
|
| |
|
|
MarvinLeRouge
WRInaute impliqué
Inscrit le: 01 Sep 2004
Messages: 439
Localisation: Toulon, France
|
| Posté le : Ven Avr 07, 2006 11:04 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
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
WRInaute accro
Inscrit le: 23 Nov 2005
Messages: 2080
Localisation: Lyon, capitale des Gaules
|
| Posté le : Ven Avr 07, 2006 12:44 Sujet du message: ... |
|
|
... ok merci  |
|
| |
|
|
Rackham
WRInaute occasionnel
Inscrit le: 09 Sep 2004
Messages: 173
Localisation: In the air tonight
|
| Posté le : Ven Avr 07, 2006 13:49 Sujet du message: Problème CSS2 : aligner un label et un input |
|
|
| Le pro du pro c'est vraiment Raphaël ici www.alsacreations.com |
|
| |
|
|
| |
|
|
