Advanced CSS help needed: generated content and counters

Mary · 2006-02-18 07:58:33

<pre><code>ol#comments li span.counter:before {
content: counter(comment);
counter-increment: comment;
}</code></pre>

The numbers are generated, but they won’t increment, they just reset (each comes out as the number 1). What am I doing wrong?

colak · 2006-02-18 08:30:08

Hi mary, I’m not sure if this will help. It is from the <a href=“http://www.w3schools.com/css/pr_gen_counter-increment.asp”>w3 schools</a>

<pre>h1:before
{
content: “Section “ counter(section) “ “;
/* Add 1 to section */
counter-increment: section;
}

A way to number sections with “Section 1”, “Section 3”, “Section 5” etc.:

h1:before
{
content: “Section “ counter(section) “ “;
/* Add 2 to section */
counter-increment: section 2;
}</pre>

so yours might become:

<pre>ol#comments li span.counter:before {
content: “counter(comment)” “”;
counter-increment: comment;
}</pre>

Last edited by colak (2006-02-18 08:30:53)

Cyrus · 2006-02-18 08:49:59

I had done this before with the following codes :

h5 { counter-increment: mh-demo;
}

h5:before { content: “#” counter(mh-demo) “ “;
}

Hopefully this could helps you~

Mary · 2006-02-19 00:31:39

Thanks guys, I got it fixed! Here’s what it needed to be:

<pre><code>ol#comments li {
counter-increment: comment;
}

ol#comments li span.counter:before {
content: counter(comment);
}</code></pre>

Thanks again!

Textpattern CMS