5568 sujets

Sémantique web et HTML

Nouveau problème existentiel :

Obtenir
Rubrique1
1. Item de liste
2. Item de liste
3. Item de liste
Rubrique2
4. Item de liste
5. Item de liste
6. Item de liste
7. Item de liste
8. Item de liste
Rubrique3
9. Item de liste
10. Item de liste

Utiliser <ol> m'oblige à insérer des rubriques invalidantes
Ne pas utiliser <ol> m'oblige à une gymnastique consistant à détecter combien d'items par liste et à incrémenter
Une autre solution ?
Hello Arsene,

ul#parent {
	list-style: none; 
	counter-reset: compteur;
}

ul#parent ol {
	list-style: none;
}

ul#parent ol li {
	counter-increment: compteur;
}

ul#parent ol li:before {
	content: counter(compteur) ". ";
}
<ul id="parent">
	<li>
		<h1>Rubrique 1</h1>
		<ol>
			<li>Item de liste</li>
			<li>Item de liste</li>
			<li>Item de liste</li>
		</ol>
	</li>
	<li>
		<h1>Rubrique 2</h1>
		<ol>
			<li>Item de liste</li>
			<li>Item de liste</li>
			<li>Item de liste</li>
			<li>Item de liste</li>
			<li>Item de liste</li>
		</ol>
	</li>
	<li>
		<h1>Rubrique 3</h1>
		<ol>
			<li>Item de liste</li>
			<li>Item de liste</li>
		</ol>
	</li>
</ul>

Modifié par Heyoan (07 Aug 2009 - 19:22)
Tiens, je serais partit sur un truc comma ça moi (pour que ça fonctionne partout) :


<ul>
   <li>Rubrique 2
      <ol start="4">
         <li>Item de liste</li>
         <li>Item de liste</li>
         <li>Item de liste</li>
      </ol>
   </li>
</ul>
Voui, bien aussi. mais ça oblige à connaître par avance le nombre d'items pour implémenter start.