|
|
Posted by onetitfemme on 01/26/06 22:23
OK, the self-nesting of ordered lists works -relatively- OK on Firefox
version 1.5.
I tried this css based page:
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<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: " Before Paragragh: " counter(par-num, upper-roman)
". "; }
p:after { content: " After Paragragh: " counter(par-num, upper-roman) "
<a href=\22mailto:tester@testmail.com?Subject=test emai\22>test
email</a>"; }
ol { counter-reset: item; list-style: none; }
ol li { counter-increment: item; }
ol li:before { content: counter(item, upper-roman) ". ";}
ol ol { counter-reset: item2; list-style: none; }
ol ol li { counter-increment: item2; }
ol ol li:before { content: counter(item, upper-roman) "."
counter(item2, lower-roman) "._ "; }
ol ol ol { counter-reset: item3; list-style: none; }
ol ol ol li { counter-increment: item3; }
ol ol ol li:before { content: counter(item, upper-roman) "."
counter(item2, lower-roman) "." counter(item3, decimal) "._ " ; }
</style>
</head>
<body>
<h1>list test</h1>
<p>First paragragh.</p>
<p>Second paragragh.</p>
<ol>
<li>level_00_item_00
<ol>
<li>level_02_item_00_prev_item_00_00</li>
<li>level_02_item_02_prev_item_00_00</li>
</ol>
</li>
<li>level_00_item_02
<ol>
<li>level_02_item_00_prev_item_00_02
<ol>
<li>level_04_item_00_prev_item_02_00</li>
<li>level_04_item_02_prev_item_02_00</li>
<li>level_04_item_04_prev_item_02_00</li>
</ol>
</li>
</ol>
</li>
<ul> Unordered list in ol (ol ul):
<li>ul_level_02_item_00_prev_item_00_02</li>
<li>ul_level_02_item_02_prev_item_00_02</li>
</ul>
<li>level_00_item_04
<ul> Unordered list in ol (ol ul il):
<li>ul_level_02_item_00_prev_item_00_02</li>
<li>ul_level_02_item_02_prev_item_00_02</li>
</ul>
</li>
<li>level_00_item_06
<ol>
<li>level_02_item_00_prev_item_00_04</li>
<li>level_02_item_02_prev_item_00_04</li>
<li>level_02_item_04_prev_item_00_04</li>
<li>level_02_item_06_prev_item_00_04</li>
</ol>
</li>
</ol>
<ul> Unordered list outside of ol:
<li>ul_level_00_item_00</li>
<li>ul_level_00_item_02</li>
</ul>
</body>
</html>
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
which did work but partially:
1._ It did not handle unordered lists (inside of ordered ones)
properly
2._ It did not insert the email as an actual "mailto" URL in the page
after each paragraph, but it did print smartly the "before" part.
there is an example:
http://www.student.oulu.fi/~laurirai/muuta/koulujutut/kalifornia.html
previously posted on the net that only shows nesting ordered lists.
Apparently if you nest an unordered list then it doesn't work right
Here is an image of what I am getting:
http://www.geocities.com/tekmonk2005/X2L/list_test00.png
otf
[Back to original message]
|