Discussion :

[leroilion94]

bonjour, j'ai mis ca actuellement

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Invité]

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.

[leroilion94]

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

[leroilion94]

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

[Jacques Beauregard]

Bonjour,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="bof"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="pas-mal"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span></span>

A quoi servent ces spans?

[leroilion94]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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