I'm trying to make an automatically numbered list, which should look like this:
1)
2)
3)
I don't know why it isn't working, though. Here's the CSS:
.process {
counter-reset: processNum;
}
.process li {
display: list-item;
list-style: none;
}
.process li:before {
display: marker;
content: counter(processNum, decimal);
counter-increment: processNum;
marker-offset: 2em;
width: auto;
text-align: right;
}
I've never done any styling for lists, so this is a bit confusing. Thanks for any help!
why not use
<ol>
<li>item1</li>
<li>item2</li>
</ol>
besides which using list-style: none removes your numbers/bulletsAre you using the shoddy Micro$oft Explorer?I'm using Firebird. My customer wants the list to be styled differently (with the ")" after the number), so I need a way to automatically add that. I thought this was the way to do it, but it's not working. Please help.At this point I don't believe most browsers understand the CSS you are trying to us. That basically means you'll have to generate the desired format on the server side.Well, I suppose I could just do it by hand, but that sorta goes against the "separating presentation from content" philosophy. Oh well.Originally posted by PunkSktBrdr01
Well, I suppose I could just do it by hand, but that sorta goes against the "separating presentation from content" philosophy. Oh well.
Quite true. The world ain't perfect. But note how little of it supports what you're trying to do:
<!-- m --><a class="postlink" href="http://www.westciv.com/style_master/academy/browser_support/generated_content.html">http://www.westciv.com/style_master/aca ... ntent.html</a><!-- m -->
1)
2)
3)
I don't know why it isn't working, though. Here's the CSS:
.process {
counter-reset: processNum;
}
.process li {
display: list-item;
list-style: none;
}
.process li:before {
display: marker;
content: counter(processNum, decimal);
counter-increment: processNum;
marker-offset: 2em;
width: auto;
text-align: right;
}
I've never done any styling for lists, so this is a bit confusing. Thanks for any help!
why not use<ol>
<li>item1</li>
<li>item2</li>
</ol>
besides which using list-style: none removes your numbers/bulletsAre you using the shoddy Micro$oft Explorer?I'm using Firebird. My customer wants the list to be styled differently (with the ")" after the number), so I need a way to automatically add that. I thought this was the way to do it, but it's not working. Please help.
At this point I don't believe most browsers understand the CSS you are trying to us. That basically means you'll have to generate the desired format on the server side.Well, I suppose I could just do it by hand, but that sorta goes against the "separating presentation from content" philosophy. Oh well.Originally posted by PunkSktBrdr01 Well, I suppose I could just do it by hand, but that sorta goes against the "separating presentation from content" philosophy. Oh well.
Quite true. The world ain't perfect. But note how little of it supports what you're trying to do:
<!-- m --><a class="postlink" href="http://www.westciv.com/style_master/academy/browser_support/generated_content.html">http://www.westciv.com/style_master/aca ... ntent.html</a><!-- m -->