digital bites

While CSS and CSS2 support various ways of styling list items, the capabilities are still limited. list-style-type allows to select different predefined list styles (bullets, squares etc). list-style-image allows to select custom images. Unfortunately, no option to use custom characters exists.

Problem with just adding the custom character to the content itself is that indentation is broken when LI items are wrapped across lines (looking like list-style ‘inside’ then, rather than the usual ‘outside’).

In this discussion Jukka offers an approach to use :before for creating the content character, which unfortunately doesn’t work on still-popular IE6.

So- something to fix for CSS3? IE7?

This entry was posted on Friday, February 24th, 2006 at 10:19 am and is filed under News. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.