Cassure entre checkbox et son label

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Cassure entre checkbox et son label

Re: Cassure entre checkbox et son label

par devlop78_ » 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

Re: Cassure entre checkbox et son label

par jojolapine » 03 févr. 2011, 13:22

alors un

Code : Tout sélectionner

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

Re: Cassure entre checkbox et son label

par hypercys » 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!!!!

:)

Re: Cassure entre checkbox et son label

par jojolapine » 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é" :-°

Re: Cassure entre checkbox et son label

par hypercys » 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

Re: Cassure entre checkbox et son label

par jojolapine » 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?

Re: Cassure entre checkbox et son label

par hypercys » 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)


++ :)

Cassure entre checkbox et son label

par devlop78 » 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