|
Posted by onetitfemme on 01/25/06 23:34
By the way, what I wanted to do with this "self-nesting of ordered
list" you do with "counters", which are very poorly supported. More on
it from:
http://www.davidflanagan.com/blog/2005_08.html#000075
http://archivist.incutio.com/viewlist/css-discuss/57887
Here are examples that do not work on:
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.10) Gecko/20050911
Firefox/1.0.6 (Debian package 1.0.6-5)
// - - - - - - - - - - - - - - -
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
dir="ltr">
<head>
<title>list test</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body { counter-reset: par-num; }
p { counter-increment: par-num; }
p:before { content: " Paragragh: " counter(par-num, upper-roman) ". ";
}
ol { counter-reset: item; }
li { display: block; }
li:before { content: counter(item) ". "; counter-increment: item; }
</style>
</head>
<body>
<h1>list test</h1>
<p>First paragragh.</p>
<p>Second paragragh.</p>
<ol>
<li>item_00_level_00</li>
<ol>
<li>item_00_level_02_00</li>
<li>item_02_level_02_00</li>
</ol>
<li>item_00_level_02</li>
<li>item_00_level_04</li>
<ol>
<li>item_00_level_02_04</li>
<li>item_02_level_02_04</li>
</ol>
</ol>
</body>
</html>
// - - - - - - - - - - - - - - -
otf
[Back to original message]
|