Change default appearance of ordered list

liunx · Jan 10, 2008

Hi, 
 
Please refer to the html code given below: 
 
<ol style='font-weight:bold' start=1 type=A> 
<li>First Sub List</li> 
<li>Second Sub List</li> 
<li>Third Sub List</li> 
<li>Fourth Sub List</li> 
<li>Fifth Sub List</li> 
</ol> 
 
The above code produces the following output: 
 
A.First Sub List 
B.Second Sub List 
C.Third Sub List 
D.Fourth Sub List 
E.Fifth Sub List 
 
My requirement is to generate the following output using ordered lists: 
 
(A)First Sub List 
(B)Second Sub List 
(C)Third Sub List 
(D)Fourth Sub List 
(E)Fifth Sub List 
 
Note that the bullets are enclosed within braces instead of the default dots. 
 
Any help in this regard will be highly appreciated. 
Thanxs in advance.you will need to use javascript to accomplish this feet. not sure if it works but seems like it aught to: 
 
<html> 
<head> 
<style type="text/css"> 
ol.upperBracket { counter-reset: item 3 } 
li.upperBracket:before { 
content: "[" counter(item, upper-alpha) "] "; 
counter-increment: item } 
</style> 
</head> 
<body> 
<ol class=upperBracket> 
<li class=upperBracket>item one</li> 
<li class=upperBracket>item two</li> 
<li class=upperBracket>item three</li> 
</ol> 
</body> 
</html>Thanxs. 
 
But the code does not produce the required output.You can eliminate the need for JavaScript by using CSS to spruce up the ordered list. 
 
Check out this article: <a class="postlink" href="http://www.style-sheets.com/html_tutorial/lists/ol.asp">http://www.style-sheets.com/html_tutorial/lists/ol.asp</a> 
 
By the way, you could just use a table of something similar to create a numbered list... 
 
Regards, 
Andrew Buntine.

Change default appearance of ordered list

liunx

Guest