Bonjour, je uis en train d'écrire un formulaire et j'ai un problème pour annuler l'effet dans float dans un block.
Je voudrais avoir mes 2 input (Homme, Femme) l'un à côté de l'autre, mais les labels et les inputs héritent du style de .htmlClassRow.
Comment puis-je annuler l'effet des float sans à avoir à indiquer un style propre pour les label et les input des .htmlClasRow ?
le code HTML:
Code :
- <P class="htmlClassRow">
- <LABEL for="htmlClassFor4">* Quel est votre prenom ?</LABEL>
- <INPUT type="text" name="prenom" id="htmlClassFor4" />
- </P>
- <P class="htmlClassRow">
- <LABEL>Vous êtes: </LABEL>
- <SPAN class="htmlClassGroup">
- <INPUT type="radio" name="genre" value="f" id="htmlClassFor0" title="Sélectionnez si vous êtes une femme" />
- <LABEL for="htmlClassFor0" title="Sélectionnez si vous êtes une femme">une femme</LABEL>
- <INPUT type="radio" name="genre" value="h" id="htmlClassFor1" />
- <LABEL for="htmlClassFor1">un homme</LABEL>
- </SPAN>
- </P>
|
Le code CSS:
Code :
- .htmlClassRow {
- clear: both;
- text-align: center;
- }
- .htmlClassRow label {
- float: left;
- width: 40%;
- text-align: right;
- }
- .htmlClassRow input, .htmlClassRow select, .htmlClassRow textarea, .htmlClassGroup {
- float: right;
- width: 50%;
- }
|