G'day
Well, the specs appear to have provision for it. Unfortunately the vast
majority of browsers do not (yet) seem to support it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Content alignment in the marker box</TITLE>
<STYLE type="text/css">
LI:before {
display: marker;
content: "(" counter(counter,lower-alpha) ") ";
counter-increment: counter;
width: 3em;
text-align: center;
}
</STYLE>
</HEAD>
<BODY>
<OL>
<LI> This is the first item.
<LI> This is the second item.
<LI> This is the third item.
</OL>
</BODY>
</HTML>
I've tested this code in Opera 7.5, MSIE 6, Mozilla 1.6 and Firefox 0.8.
It worked only in Opera, where it displayed both the regular "1" and the
"(a)" like this:
1. (a) This is the first item.
2. (b) This is the second item.
3. (c) This is the third item.
(you'd need to set the ol's list-style to none, to suppress the numbers)
The others just showed a numbered list:
1. This is the first item.
2. This is the second item.
3. This is the third item.
Perhaps others have experimented with this and found a way for it to work in
other browsers.
Regards
--
Bert Doorn, Better Web Design
www.betterwebdesign.com.au
Fast-loading, user-friendly websites
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
