Discussion :

[pasqual]

Bonjour,

J'ai un petit soucis d'alignement de mon texte dans mes radio boutons. Je n'arrive pas à l'aligner à gauche, malgré text-align:left. Voici ce que j'obtiens avec le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<input type="radio" name="group1" id="choix1" style=" vertical-align: middle; margin: 1px; width:20px; text-align:left;"><label for="choix1">  choix 1</label>
<input type="radio" name="group1" id="choix2" style=" vertical-align: middle; margin: 1px; width:20px; text-align:left;"><label for="choix2">  choix 2</label>
<input type="radio" name="group1" id="choix3" style=" vertical-align: middle; margin: 1px; width:20px; text-align:left;"><label for="choix3">  choix 3</label>

o---choix 1--- o---choix 2---o---choix3--- (ce que j'obtiens)
o-choix 1----- o-choix 2-----o-choix3----- (ce que j'aimerais)

(où les "-" représentent des espaces)
Que dois-je modifier?

Merci d'avance

[FoxLeRenard]

Bonjour,
J'ai un petit soucis d'alignement de mon texte dans mes radio boutons.
Merci d'avance

Je crois que cela tient a ton contexte les html at'il un DOCTYPE normal
par exemple strict ?
les imput sont'ils dans un contenant avec un style centré que tu y aurait mis par exemple dans un DIV TABLE etc...

Bref moi j'ais tout normal avec ton code dans un HTML avec DOCTYPE strict
et un simple DIV

[HiRoN]

Bonjour,

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<input type="radio" name="group1" id="choix1"><label for="choix1">Choix 1</label>
<input type="radio" name="group1" id="choix2"><label for="choix2">Choix 2</label>
<input type="radio" name="group1" id="choix3"><label for="choix3">Choix 3</label>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
input { float:left; }
label { float:left; margin:0 15px 0 0; }

Par exemple... Tout dépend du contexte