alignement d'un checkbox et d'un texte <label>

alignement d'un checkbox et d'un texte <label> - HTML/CSS - Programmation

Marsh Posté le 03-04-2006 à 17:37:19    

voila un bout de code :
 

Code :
  1. <div id="bloc_form_conditions" style="position:relative;width:412px;margin-left:200px;padding:10px;background-color:#FFFFFF;">
  2. <input name="item1" id="item1" type="checkbox" value="checkbox" checked="checked" />
  3. <label style="display:block;width:350px;">Je m'inscris au programme et j'accepte les
  4. <br />
  5. <a href="#">conditions générales d'utilisation </a>
  6. </label>
  7. </div>


 
 
voila ce que ça donne :
 
http://www.freedfromparis.com/temp/OR/_test/cas1.jpg
 
et j'aimerai que ça donne ça :
 
http://www.freedfromparis.com/temp/OR/_test/cas2.jpg
 
komment kifofaire ?
 
merchi !
 
:jap:
 
(PS : les styles sont dans les divs... c normal ! ça bougera dans le fichier css quand ce sera bien calé !)

Reply

Marsh Posté le 03-04-2006 à 17:37:19   

Reply

Marsh Posté le 03-04-2006 à 19:28:17    

Code :
  1. <input name="item1" id="item1" type="checkbox" value="checkbox" checked="checked" />
  2.     <label style="display:block;width:350px;">Je m'inscris au programme et j'accepte les
  3.     <br />
  4.     <a href="#">conditions générales d'utilisation </a>
  5.     </label>


 
- Tu as un espace entre les balises input et label, donc sujettes à être coupé par un retour à la ligne.
 
- avec CSS: white-space:nowrap permet (théoriquement) déviter de couper un texte
 
- rajouter &nbsp; entre les balises fonctionne pour tous les navigateurs,
 
- un span avec white-space:nowrap pour l url serait plus joli.

Reply

Marsh Posté le 04-04-2006 à 10:22:26    

Merci !
non mais je suis obligé de faire un retour à la ligne juste avant le lien (comme sur la maquette) mais j'aimerai aligner le bloc avec l'input plutot que ce soit en dessous

Reply

Sujets relatifs:

Leave a Replay

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