Cassure entre checkbox et son label

devlop78
Invité n'ayant pas de compte PHPfrance

02 févr. 2011, 20:53

Bonjour à tous.

Toujours concernant l'envoi du formulaire par e-mail, j'ai une liste de case à cochée les uns à coté des autres. Je ne souhaite pas partir sur une largeur fixe de page, et mes listes sont souvent coupées sur plusieurs lignes. Malheureusement, la coupure se fait des fois entre le bouton à cocher et son texte.

J'ai
<input .../> blablab
J'ai essayé
<input .../><label for=...> blablab</label>
<label for=...> <input .../> blablab</label>
Mais ça n'a rien changé. Je pourrais tenté de les mettres chacun dans un block, et faire un float:left. Mais étant donné que les blocks n'auraient pas de largeur fixe, et que je n'ai pas trop envie de faire un tel bidouillage, je me refuse à le faire.

Quelqu'un a t-il une idée ??

Cordialement,

Merci d'avance

Eléphanteau du PHP | 10 Messages

03 févr. 2011, 10:57

salut

quelques trucs:

Code : Tout sélectionner

span {display: block;float:left}
pour

Code : Tout sélectionner

<span><label></label><input /></span>
sinon sans float tu peux jouer avec le display inline-bloc et inline-table (probleme de compatibilite nav)
ou mettre tes cb dans une table avec nowrap (css white-space ou attribut html sur le td)


++ :)

ViPHP
ViPHP | 3607 Messages

03 févr. 2011, 11:31

Je ne comprend pas trop tout vos problème :/
Pour quoi ne pas faire un simple code:
<label><input type="checkbox" /> Le libellé de ma checkbox</label>
où est le problème avec ça?

Eléphanteau du PHP | 10 Messages

03 févr. 2011, 12:58

salut,

on se complique la vie, :roll: mais l'hypothèse est qu'un label et son input sont sur la même ligne.
c' est juste une question de presentation.
:D

ViPHP
ViPHP | 3607 Messages

03 févr. 2011, 13:01

Et qu'est-ce qui ne va pas dans mon code?
L'input et son texte sont sur la même ligne?
Si ce n'est pas le cas, c'est que ton css pose problème!

EDIT: mes excuses aux modérateurs, je me suis trompé de bouton, j'ai voulu "citer" et j'ai "signalé" :-°

Eléphanteau du PHP | 10 Messages

03 févr. 2011, 13:18

re

heu non

ton code peut generer ca
http://www.imagebam.com/image/282ae2117898770

et il souhaiterait ca
http://www.imagebam.com/image/967e19117898774

pas de probleme dans le css!!!!

:)

ViPHP
ViPHP | 3607 Messages

03 févr. 2011, 13:22

alors un

Code : Tout sélectionner

label { display:block; }
et on en parle plus... :roll:

devlop78_
Invité n'ayant pas de compte PHPfrance

03 févr. 2011, 15:39

Oui la deuxième image. C'est surtout ne pas casser entre le checkbox et le premier mot. Ensuite, si le label est cassé, c'est pas grave, mais avoir un checkbox isolé à droite est vraiment pas pro.

Je regarderai pour le block et float (c'est bien ce que j'avais pensé alors ^^), ça va un peu alourdir mon code quoi, mais bon :p Je vais voir ça (je mets mon travail sur pause en attendant les arrhes du client) et je vous tiens au jus. Merci pour vos réponses, réactives et passionnées de surcroît :p