28172 sujets

CSS et mise en forme, CSS3

Plusieurs cases à cocher sur une ligne

Bonsoir à tous,


J'ai un souci de cases à cocher.
Dans une 1e ligne, je voudrais avoir,
l'une derrière l'autre,
les cases à cocher après chaque jour,
pour les jours suivants : Lundi, Mardi, Mercredi, Jeudi

Dans une 2e ligne, je voudrais avoir,
l'une derrière l'autre,
les cases à cocher après chaque jour,
pour les jours suivants : Vendredi, samedi, Dimanche.

Je n'y arrive pas, tous les jours ne sont pas sur 2 lignes,
mais plutôt et malheureusement l'une en-dessous de l'autre.

J'ai beaucoup essayé en css;
J'y arrive pas.

Pouvez-vous m'aider?
D'avance merci


Jean-Yves
Administrateur
Bonjour,


<fieldset id="#periodicite">
<legend>Périodicité (quelque chose comme ça)</legend>
<p>
<span>
  <label for="ch1">Lundi</label><input type="checkbox" id="ch1" name="ch1" />
  <label for="ch2">Ma</label><input type="checkbox" id="ch2" name="ch2" />
  <label for="ch3">Me</label><input type="checkbox" id="ch3" name="ch3" />
  <label for="ch4">Je</label><input type="checkbox" id="ch4" name="ch4" />
</span>
<span>
  <label for="ch5">V</label><input type="checkbox" id="ch5" name="ch5" />
  <label for="ch6">S</label><input type="checkbox" id="ch6" name="ch6" />
  <label for="ch7">D</label><input type="checkbox" id="ch7" name="ch7" />
</span>
</p>
</fieldset>

Avec en CSS

#periodicite span {
  display: block; /* garantit le passage à la ligne ! */
}

#periodicite input {
  margin-right: 10px; /* on aére un peu */
}


Fieldset et legend permettent de regrouper des informations de même nature, comme expliqué dans les 3 critères d'accessibilité suivants :
Dans chaque formulaire, les informations de même nature sont-elles regroupées, si nécessaire ? (11.5 et aussi .6 et .7)
Merci de ta réponse.

Ce n'est pas tout à fait ce que je souhaite.
Ce que je voudrais, c'est :


Lundi (case) Mardi (case) Mercredi (case) Jeudi (case)
Vendredi (case) Samedi (case) Dimanche (case)

Et tout dans un élément de tableau connu

Merci
A l'aide !!!
J'ai essayé ce que thelma me propose.
Mais cela ne va pas. Pourquoi ?
Quelqu'un peut-il m'aider.
Car je crois que mon problème est que je suis dans un système de ce type



<div id="bloc05">
<form action="php/traitement01.php" method="post" name="myform" id="formulaire">
<table width="307" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>...</td>
<td>...</td>
</tr>
...
<tr>
<td colspan="2">
<p>
<label for="lun" class="jours2">Lu</label><input id="lun" name="lun" type="checkbox" />
<label for="mar" class="jours2">Ma</label><input id="mar" name="mar" type="checkbox" />
<label for="mer" class="jours2">Me</label><input id="mer" name="mer" type="checkbox" />
<label for="jeu" class="jours2">Je</label><input id="jeu" name="jeu" type="checkbox" />
</p>
<p>
<label for="ven" class="jours2">Ve</label><input id="ven" name="ven" type="checkbox" />
<label for="sam" class="jours2">Sa</label><input id="sam" name="sam" type="checkbox" />
<label for="dim" class="jours2">Di</label><input id="dim" name="dim" type="checkbox" />
</p>
</td>
</tr>
</table>
</form>
</div>
Si tu permets, je ferais cela demain à la première heure.
J'essaie encore une idée.
Puis-je te demander de repasser par ici, demain matin pour m'aider ?
Sujet clos
Aller à