Patrick H. Lauke wrote:
Quoting Paul Collins <[EMAIL PROTECTED]>:
I recently had to add numerical bullet point graphics to an OL.
Unfortunately there's nothing you can do at this point.
CSS 3's nth-child pseudo selector
http://www.w3.org/TR/css3-selectors/#nth-child-pseudo would help, but
current browser support is negligible or non-existent, if memory
serves me right.
Nth-child would save on adding all those extra classes, but not the CSS.
Also, as you point out, support isn't great. There is some support,
though, namely Konqueror. However, the news isn't all bad.
The good news is there's a method supported by around 50% of the market,
including IE7: direct adjacent ("+"). Regarding IE6, fortunately its
days are numbered and should be gone in no time (at least in geological
terms). To get IE6 to play along, you'll need to use JavaScript and a
conditional comment.
Which is worse: JS for IE6 or all those extra classes and the potential
maintenance nightmare saddled with it? I'll leave that for you to decide.
Another way to deal with IE6 is to feed it plain numbers. This can be
done in at least 3 ways: conditional comments, "* html", or overriding
the numbers with direct descendant (">").
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
