[CSS] Problème de numérotation auto des paragraphes h1 / h2 / h3

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Problème de numérotation auto des paragraphes h1 / h2 / h3

ceyquem

E falso sequitur quodlibet

Bonjour,

je voudrais automatiser la numérotation des paragraphes de ma page web en CSS gràace aux compteurs. J'utilise les balises <h2> et <h3> comme titres de paragraphes.

Voici la page d'exemple sur laquelle je travaille :
http://ceyquem.free.fr/hfr/exemple.xhtml

Mon problème :

l'incrémentation des numéros ne se fait pas automatiquement, je reste à 1
la détection du numéro du compteur de h2 dans les balises de h3 ne se fait pas (j'ai 0).

Voici la feuille de style associée :
http://ceyquem.free.fr/hfr/style.css

Et ici le code qui devrait numéroter les paragraphes :

h1 {
text-align: center;
font-family: Helvetica, Arial, sans-serif, Verdana;
}

h2:before {
content: counter(section) ". ";
counter-increment: section;
counter-reset: subsection;
}

h2 {
font-family: Helvetica, Arial, sans-serif, Verdana;
padding-left: 0;
margin-top: 2em;

padding-bottom: .1em;
border-bottom: 1px solid #000;
}

h3:before {
content: counter(section) "." counter(subsection) ". " ;
counter-increment: subsection;
}

h3 {
padding-left: 1em;
font-family: Helvetica, Arial, sans-serif, Verdana;
margin-top: 1em;
}

Une idée de l'origine de mon problème ??

Merci de m'avoir lu

Publicité

nargy

en css1, la manière de faire serai d utiliser list-style:
http://www.w3.org/TR/CSS1#list-style
je ne pense pas que ça permette des titre genre VI.1.A.i

ceyquem

E falso sequitur quodlibet

j'ai trouvé la solution à mon problème :

- Il faut placer les instruction des compteurs dans les balises elles mêmes et pas dans les "before".
- Il faut rajouter un reset dans la balise pour que les sections commencent à 1

ca me permet d'avoir la numérotation que je voulais (CSS2)

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Problème de numérotation auto des paragraphes h1 / h2 / h3

Sujets relatifs
Probleme JavaScript + Php + Mysql	probleme de lien qui ne s'affiche pas
Probleme de chemin	probleme affichage du dernier passage
Probléme sous postgresSql	Bug incompréhensible sur IE (CSS - Mise en page)
[VB.NET/VB] Probleme image dans une form !!	[CSS/HTML] bloc avec titre+contenu décoré avec img en fond
Problème converson d'hexa vers char	Problème opengl et cpp managed
Plus de sujets relatifs à : [CSS] Problème de numérotation auto des paragraphes h1 / h2 / h3

Page générée en 0.035 secondes