Quoting Paul Collins <[EMAIL PROTECTED]>:
I recently had to add numerical bullet point graphics to an OL. This
meant I had to add an individual class and style to each bullet point
for each image, which can add up when you've got 20 bullets. I was
wondering, does anyone know more clever way of doing this in some kind
of a CSS loop, without using Jscript?!
Example:
CSS
li.bullet1 {background:url(images/bullet1.gif} no-repeat;}
li.bullet2 {background:url(images/bullet2.gif} no-repeat;}
HTML
<li class="bullet1">lorem ipsum</li>
<li class="bullet2">lorem ipsum</li>
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.
P
--
Patrick H. Lauke
______________________________________________________________
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
______________________________________________________________
Co-lead, Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
______________________________________________________________
Take it to the streets ... join the WaSP Street Team
http://streetteam.webstandards.org/
______________________________________________________________
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
