[CSS] Annuler un float...

Annuler un float... [CSS] - HTML/CSS - Programmation

Marsh Posté le 18-05-2006 à 12:06:34    

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 :
  1. <P class="htmlClassRow">
  2. <LABEL for="htmlClassFor4">* Quel est votre prenom ?</LABEL>
  3. <INPUT type="text" name="prenom" id="htmlClassFor4" />
  4. </P>
  6. <P class="htmlClassRow">
  7. <LABEL>Vous êtes: </LABEL>
  8. <SPAN class="htmlClassGroup">
  9. <INPUT type="radio" name="genre" value="f" id="htmlClassFor0" title="Sélectionnez si vous êtes une femme" />
  10. <LABEL for="htmlClassFor0" title="Sélectionnez si vous êtes une femme">une femme</LABEL>
  11. <INPUT type="radio" name="genre" value="h" id="htmlClassFor1" />
  12. <LABEL for="htmlClassFor1">un homme</LABEL>
  13. </SPAN>
  14. </P>


 
Le code CSS:

Code :
  1. .htmlClassRow {
  2. clear: both;
  3. text-align: center;
  4. }
  5. .htmlClassRow label {
  6. float: left;
  7. width: 40%;
  8. text-align: right;
  9. }
  10. .htmlClassRow input, .htmlClassRow select, .htmlClassRow textarea, .htmlClassGroup {
  11. float: right;
  12. width: 50%;
  13. }


 

Reply

Marsh Posté le 18-05-2006 à 12:06:34   

Reply

Marsh Posté le 18-05-2006 à 12:07:48    

oh mon dieu
 
float: none
 
:x

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed