Bold numbers in ordered lists

To get bold numbers in ordered lists, one can write

ol { font-weight: bold }
ol span { font-weight: normal }

<ol>
<li><span>......</span></li>
<li><span>......</span></li>
</ol>

Is there a better way?

--
In memoriam Alan J. Flavell
http://groups.google.com/groups/search?q=author:Alan.J.Flavell

In article
<Pine.GSO.4.63.0808221608080.15416 (AT) s5b004 (DOT) rrzn.uni-hannover.de>,
Andreas Prilop <prilop4321 (AT) trashmail (DOT) net> wrote:

To get bold numbers in ordered lists, one can write

ol { font-weight: bold }
ol span { font-weight: normal }

ol
li><span>......</span></li
li><span>......</span></li
/ol

Is there a better way?

There is a perfectly good way that uses the semantic equivalent of an
ordered list, a two column table, with which your requirement has a
simple solution.

--
dorayme

Jonathan N. Little wrote:

ol { counter-reset: item }
ol li { display: block }
ol li:before {
content: counter(item) ". ";
counter-increment: item;
font-weight: bold;
color: red;
}

Nice - and it degrades well for CSS deficient browsers, too.

--
Berg

On Sat, 23 Aug 2008, dorayme wrote:

There is a perfectly good way that uses the semantic equivalent of
an ordered list, a two column table,

I don't know what you mean by "semantic equivalent" - but I certainly
cannot get automatic numbering in a table.

--
Solipsists of the world - unite!

On Mon, 25 Aug 2008, Jonathan N. Little wrote:

I don't know what you mean by "semantic equivalent" - but I certainly
cannot get automatic numbering in a table.

content: counter(item) ": ";

In which browser?

Andreas Prilop wrote:

On Mon, 25 Aug 2008, Jonathan N. Little wrote:

I don't know what you mean by "semantic equivalent" - but I certainly
cannot get automatic numbering in a table.
content: counter(item) ": ";

In which browser?

Oh, don't expect it to work in IE!

Firefox, SeaMonkey, Opera... the browser must support css counters.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Jonathan N. Little wrote:

Andreas Prilop wrote:
On Mon, 25 Aug 2008, Jonathan N. Little wrote:

I don't know what you mean by "semantic equivalent" - but I certainly
cannot get automatic numbering in a table.
content: counter(item) ": ";

In which browser?

Oh, don't expect it to work in IE!

Firefox, SeaMonkey, Opera... the browser must support css counters.

Also Konqueror 3.5.8 so I assume Safari will also work.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Jonathan N. Little wrote:

Jonathan N. Little wrote:
Andreas Prilop wrote:
On Mon, 25 Aug 2008, Jonathan N. Little wrote:

I don't know what you mean by "semantic equivalent" - but I certainly
cannot get automatic numbering in a table.
content: counter(item) ": ";

In which browser?

Oh, don't expect it to work in IE!

Firefox, SeaMonkey, Opera... the browser must support css counters.


Also Konqueror 3.5.8 so I assume Safari will also work.

It does.

--
Ed Mullen
http://edmullen.net
I used to be schizophrenic, but we're all right now.

Jonathan N. Little wrote:

Also Konqueror 3.5.8 so I assume Safari will also work.

Certainly my Safari (Under Windows). Not IE8 beta though.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk

On 25 Aug, 16:50, Andreas Prilop <prilop4... (AT) trashmail (DOT) net> wrote:

On Mon, 25 Aug 2008, Jonathan N. Little wrote:
I don't know what you mean by "semantic equivalent" - but I certainly
cannot get automatic numbering in a table.

* * content: counter(item) ": ";

In which browser?

Most, even on cellular phones.