Structure pour html d'un sondage

bonjour, j'ai mis ca actuellement ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
	  <form class="global-liste-message-du-sondage-question" action="toto.php" method="post" >
	  <fieldset>
 
	  <legend id="global-portail-titre-queston-sondage">Qu'es-ce que vous pensez du site</legend>
 
	  <ol id="global-portail-queston-sondage">
	  <li class="portail-question-sondage"><input type="radio" id="bof" name="portail-question-sondage" /><label for="bof"><span></span>bof</label></li>
	  <li class="portail-question-sondage"><input type="radio" id="pas-mal" name="portail-question-sondage" /><label for="pas-mal"><span></span>pas mal</label></li>
	  <li class="portail-question-sondage"><input type="radio" id="bien" name="portail-question-sondage" /><label for="bien"><span></span>bien</label></li>
	  <li class="portail-question-sondage"><input type="radio" id="super" name="portail-question-sondage" /><label for="super"><span></span>super</label></li>
	  </ol>
 
   	  <!--début du global du boutton pour voter -->
      <ul id="global-portail-button">
	                                 <li class="portail-button"><button type="submit" class="icon-portail-button">voter</button></li>
	                                 <li class="portail-button"><a href="" title="voir résultat">voir les résultats</a></li>
	  </ul>
   	  <!--fin du global du boutton pour voter -->
 
	  </fieldset>
 
 
	  </form>

ou bien

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
	  <form class="global-liste-message-du-sondage-question" action="toto.php" method="post" >
	  <fieldset>
 
	  <legend id="global-portail-titre-queston-sondage">Qu'es-ce que vous pensez du site</legend>
 
	  <ul id="global-portail-queston-sondage">
	  <li class="portail-question-sondage"><input type="radio" id="bof" name="portail-question-sondage" /><label for="bof"><span></span>bof</label></li>
	  <li class="portail-question-sondage"><input type="radio" id="pas-mal" name="portail-question-sondage" /><label for="pas-mal"><span></span>pas mal</label></li>
	  <li class="portail-question-sondage"><input type="radio" id="bien" name="portail-question-sondage" /><label for="bien"><span></span>bien</label></li>
	  <li class="portail-question-sondage"><input type="radio" id="super" name="portail-question-sondage" /><label for="super"><span></span>super</label></li>
	  <li class="portail-button"><button type="submit" class="icon-portail-button">voter</button></li>
	  <li class="portail-button"><a href="" title="voir résultat">voir les résultats</a></li>
	  </ul>
 
 
	  </fieldset>
 
 
	  </form>

qu'es ce qu'il est mieux de sépare les titre et button ou de reuinir dans se cas

merci

Bonjour,

"Mieux" pour quoi ?

La structure HTML ?
Le SEO ?
L'ergonomie ?
... ?

En l'occurrence, les bouton/lien n'ont pas besoin d'être dans une liste...

Donc : aucune des 2 solutions. :weird:

c'est pour eviter de mettre 2 ul d'affiler ;)

j'ai des lien pour inserer desc bcodes donc à je suis obliger de mettre des li car je veux les compter ;)

Bonjour,

Bon personnellement j'ai du mal à comprendre le besoin initial...

Citation:

qu'es ce qu'il est mieux de sépare les titre et button ou de reuinir dans se cas

Code:

id="bof"

Code:

id="pas-mal"

:aie:

Code:

<span></span>

A quoi servent ces spans?

continue a critiquer les code sans savoir ceux quil fait

j'ai vue le tuto pour cocher une case afin de colorer en vert il faut mettre span

dont le css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
	  input[type="checkbox"], input[type="radio"], .input-file
	  {
	  display:none;
	  }
 
	  input[type="checkbox"] + label span, input[type="radio"] + label span
	  {
	  display:inline-block;
	  width:1em;
	  height:1em;
	  margin-right:1em;
	  vertical-align:middle;
	  border:1px solid #000000;
	  cursor:pointer;
	  background:#FFFFFF;
	  }
 
	  input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span
	  {
	  background:#00FF00;
	  }
 
	  input[type="radio"] + label span
	  {
	  border-radius:50%;
	  }

je vois dans l'avenir que vous allez critiquer le code ,
he oui je suis un devin

sinon je vous donne un code là je suis sur à 5000 % quon va crittiquer mais je suis pret

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
 
      <section id="global-messagerie-smileys-modale" class="popup_block">
	  <h2>listes des smileys</h2>
 
	  <p id="information-messagerie-smileys-modale" class="icon-information-messagerie-smileys-modale">Cliquez sur un smiley pour l'insérer dans votre message.</p>
	  <ol id="liste-messagerie-smileys">
	  <li>
	  <h3>smileys joyeux</h3>
 
	  <ol class="liste-cadre-messagerie-smileys">
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys01" data-role="smileys01"></a><div class="code-messagerie-bbcode">smileys01</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys02" data-role="smileys02"></a><div class="code-messagerie-bbcode">smileys02</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys03" data-role="smileys03"></a><div class="code-messagerie-bbcode">smileys03</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys04" data-role="smileys04"></a><div class="code-messagerie-bbcode">smileys04</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys05" data-role="smileys05"></a><div class="code-messagerie-bbcode">smileys05</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys06" data-role="smileys06"></a><div class="code-messagerie-bbcode">smileys06</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys07" data-role="smileys07"></a><div class="code-messagerie-bbcode">smileys07</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys08" data-role="smileys08"></a><div class="code-messagerie-bbcode">smileys08</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys09" data-role="smileys09"></a><div class="code-messagerie-bbcode">smileys09</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys10" data-role="smileys10"></a><div class="code-messagerie-bbcode">smileys10</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys11" data-role="smileys11"></a><div class="code-messagerie-bbcode">smileys11</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys12" data-role="smileys12"></a><div class="code-messagerie-bbcode">smileys12</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys13" data-role="smileys13"></a><div class="code-messagerie-bbcode">smileys13</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys14" data-role="smileys14"></a><div class="code-messagerie-bbcode">smileys14</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys15" data-role="smileys15"></a><div class="code-messagerie-bbcode">smileys15</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys16" data-role="smileys16"></a><div class="code-messagerie-bbcode">smileys16</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys17" data-role="smileys17"></a><div class="code-messagerie-bbcode">smileys17</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys18" data-role="smileys18"></a><div class="code-messagerie-bbcode">smileys18</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys19" data-role="smileys19"></a><div class="code-messagerie-bbcode">smileys19</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys20" data-role="smileys20"></a><div class="code-messagerie-bbcode">smileys20</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys21" data-role="smileys21"></a><div class="code-messagerie-bbcode">smileys21</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys22" data-role="smileys22"></a><div class="code-messagerie-bbcode">smileys22</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys23" data-role="smileys23"></a><div class="code-messagerie-bbcode">smileys23</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys24" data-role="smileys24"></a><div class="code-messagerie-bbcode">smileys24</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys25" data-role="smileys25"></a><div class="code-messagerie-bbcode">smileys25</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys26" data-role="smileys26"></a><div class="code-messagerie-bbcode">smileys26</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys27" data-role="smileys27"></a><div class="code-messagerie-bbcode">smileys27</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys28" data-role="smileys28"></a><div class="code-messagerie-bbcode">smileys28</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys29" data-role="smileys29"></a><div class="code-messagerie-bbcode">smileys29</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys30" data-role="smileys30"></a><div class="code-messagerie-bbcode">smileys30</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys31" data-role="smileys31"></a><div class="code-messagerie-bbcode">smileys31</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys32" data-role="smileys32"></a><div class="code-messagerie-bbcode">smileys32</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys33" data-role="smileys33"></a><div class="code-messagerie-bbcode">smileys33</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys34" data-role="smileys34"></a><div class="code-messagerie-bbcode">smileys34</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys35" data-role="smileys35"></a><div class="code-messagerie-bbcode">smileys35</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys36" data-role="smileys36"></a><div class="code-messagerie-bbcode">smileys36</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys37" data-role="smileys37"></a><div class="code-messagerie-bbcode">smileys37</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys38" data-role="smileys38"></a><div class="code-messagerie-bbcode">smileys38</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys39" data-role="smileys39"></a><div class="code-messagerie-bbcode">smileys39</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys40" data-role="smileys40"></a><div class="code-messagerie-bbcode">smileys40</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys41" data-role="smileys41"></a><div class="code-messagerie-bbcode">smileys41</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys42" data-role="smileys42"></a><div class="code-messagerie-bbcode">smileys42</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys43" data-role="smileys43"></a><div class="code-messagerie-bbcode">smileys43</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys44" data-role="smileys44"></a><div class="code-messagerie-bbcode">smileys44</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys45" data-role="smileys45"></a><div class="code-messagerie-bbcode">smileys45</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys46" data-role="smileys46"></a><div class="code-messagerie-bbcode">smileys46</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys47" data-role="smileys47"></a><div class="code-messagerie-bbcode">smileys47</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys48" data-role="smileys48"></a><div class="code-messagerie-bbcode">smileys48</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys49" data-role="smileys49"></a><div class="code-messagerie-bbcode">smileys49</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys50" data-role="smileys50"></a><div class="code-messagerie-bbcode">smileys50</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys51" data-role="smileys51"></a><div class="code-messagerie-bbcode">smileys51</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys52" data-role="smileys52"></a><div class="code-messagerie-bbcode">smileys52</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys53" data-role="smileys53"></a><div class="code-messagerie-bbcode">smileys53</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys54" data-role="smileys54"></a><div class="code-messagerie-bbcode">smileys54</div></li>
	  <li class="global-messagerie-cliquer-modale-textarea cadre-messagerie-smiley"><a class="button-messagerie-smiley icon-button-messagerie-smileys55" data-role="smileys55"></a><div class="code-messagerie-bbcode">smileys55</div></li>
	  </ol>
 
	  </li>
	  <li>
	  <h3>smileys triste</h3>
 
etc...
 
</section>

ce code sera sur une fenetre modale donc quand je clique ca inserre dans un textarea

et je précis que li je compte le nombre de smileys ;)

allez fessez vous plaisir critiquer je me suis acheter une armure contre les critique ;) mdr

Citation:

Envoyé par leroilion94

...allez fessez vous plaisir...

OK... :fessee: :langue2:

Plus sérieusement, si tu veux des réponses pertinentes, il faut que tu donnes plus d'explications claires.
Sinon, on a du mal à comprendre ce que tu attends vraiment... :koi:

Ici, mettre 2 listes (ul/ol+li) ou 1 seul, ce n'est ni "mieux", ni "moins bien".
C'est A TOI DE CHOISIR, en fonction du BESOIN, et de la mise en page que tu veux.

2 pièce(s) jointe(s)

c'est simple le span c'est pour colorer les button type radio d'ou les span

et pour liste des smileys

j'ai mis des ol li pour compter, come tu me dit il ne faut ps mettre li sur les balise a donc comment tu fait pour compter ;)

ho ho

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
	  <li>
	  <h3>menu principal</h3>
	  <nav><ul id="global-portail-menu-principal">
	  <li class="portail-menu-principal"><a href="../../forum/index.php" title="index du forum">index du forum</a></li>
	  <li class="portail-menu-principal"><a href="../../portail.php" title="portail">portail</a></li>
	  <li class="portail-menu-principal"><a href="../../rechercher/index.php" title="rechercher">rechercher</a></li>
	  <li class="portail-menu-principal"><a href="../../membre/inscription.php" title="inscription">inscription</a></li>
	  <li class="portail-menu-principal"><a href="../../membre/membre.php" title="membres">membres</a></li>
	  <li class="portail-menu-principal"><a href="../../membre/equipe.php" title="l'équipe du forum">l'équipe du forum</a></li>
	  <li class="portail-menu-principal"><a href="../../faq/index.php" title="faq">faq</a></li>
	  <li class="portail-menu-principal"><a href="../../concours/index.php" title="concours">concours</a></li>
	  </ul></nav>
	  </li>

ji mis des li sur les balise a

on va me critiquer vite au secours on va me critique

il faut pas mettres des li sur les balise a

Bonjour,

ton code est PARFAITEMENT VALIDE.