Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1375 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1338022
freed102
Arayashiki
Posté le 03-04-2006 à 17:37:19  profilanswer
 

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é !)

mood
Publicité
Posté le 03-04-2006 à 17:37:19  profilanswer
 

n°1338123
nargy
Posté le 03-04-2006 à 19:28:17  profilanswer
 

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.

n°1338442
freed102
Arayashiki
Posté le 04-04-2006 à 10:22:26  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Algo de cryptage de texterechercher dans un fichier texte
wikirenderer et fichier texte...ajouter un texte saisi dans la barre d'adresse
Problème pour récupérer le champ texte d'une input type file[résolu] selectionner le texte d un textbox ou positionner curseur
"Interface texte" en CVider un fichier texte
Problème de ponctuation ds un fichier texte dynamique ds flashafficher le calendrier pour remplir un champs texte avec une date
Plus de sujets relatifs à : alignement d'un checkbox et d'un texte <label>


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR