Page 1 sur 1

Cassure entre checkbox et son label

Posté : 02 févr. 2011, 20:53
par devlop78
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

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 10:57
par hypercys
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)


++ :)

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 11:31
par jojolapine
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?

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 12:58
par hypercys
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

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 13:01
par jojolapine
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é" :-°

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 13:18
par hypercys
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!!!!

:)

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 13:22
par jojolapine
alors un

Code : Tout sélectionner

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

Re: Cassure entre checkbox et son label

Posté : 03 févr. 2011, 15:39
par devlop78_
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