Re: [css-d] List item markers in different colour using pure CSS?

2007-03-16 Thread Barney Carroll
Daniel Beardsmore wrote: > See, the indentation no longer works when you do this. Normally, the > bullets and the text sit in two separate virtual columns: > > 1. This is some text that will wrap onto > a new line > 2. Here is another bullet > > but this technique causes the text to wrap u

Re: [css-d] List item markers in different colour using pure CSS?

2007-03-16 Thread Barney Carroll
Chris Hoffman wrote: > ol { > counter-reset: list; > list-style-type: none; > } > > li:before { > content: counter(list) ". "; > counter-increment: list; > color: #F00; /* and/or other styling... */ > } Chris, just read this post. It somehow passed me by the other day. Brilliant, brilliant

Re: [css-d] List item markers in different colour using pure CSS?

2007-03-13 Thread Chris Hoffman
On 3/12/07, Barney Carroll <[EMAIL PROTECTED]> wrote: > So if I were to have a list of black text with red numeric markers, > would I be forced to create a span within each li, then set the li's > colour to red and the span back to black? Here it is with pure CSS. It works in FF 2 and Opera 9 on U

Re: [css-d] List item markers in different colour using pure CSS?

2007-03-12 Thread Daniel Beardsmore
Barney Carroll wrote: > To be honest, I have no great gripe with using meaningless spans and > divs. By specification they are not forced to assign meaning anyway, so > I only really worry about massive nesting, and even then it's only for > the sake of standardistas browsing my site in view-sou

Re: [css-d] List item markers in different colour using pure CSS?

2007-03-12 Thread Barney Carroll
Daniel Beardsmore wrote: > That said, creation of otherwise worthless span and div elements to > satisfy styling needs is just part of life in CSS. I avoid it as much as > I can, but it does end up being necessary to pull off many tricks. It > gets worse when you want to pull off tricks that als

Re: [css-d] List item markers in different colour using pure CSS?

2007-03-12 Thread Barney Carroll
Daniel Beardsmore wrote: > Check up on CSS3, I guess. Sorry. Hey, it's not /our/ fault! If I was going to dip into supported CSS3 I could do something like this... li {list-style-image: url(red1.gif)} li+li {list-style-image: url(red2.gif)} li+li+li {list-style-image: url(red3.gif)} Etc., Etc.

Re: [css-d] List item markers in different colour using pure CSS?

2007-03-12 Thread Daniel Beardsmore
Barney Carroll wrote: > So if I were to have a list of black text with red numeric markers, > would I be forced to create a span within each li, then set the li's > colour to red and the span back to black? As far as I am aware, yes. > I'm distraught at the prospect of having to use extra marku

[css-d] List item markers in different colour using pure CSS?

2007-03-12 Thread Barney Carroll
I was slightly shocked to find that there's no allowance in list-style for the determination of colour. So if I were to have a list of black text with red numeric markers, would I be forced to create a span within each li, then set the li's colour to red and the span back to black? I'm distrau