Help with CSS for outline format

[deko]

I'm trying to get output that looks like this:

1. main point 1
A. subordinate point
B. subordinate point
2. main point 2
A. subordinate point
B. subordinate point

I've put up a first shot at it here:

http://www.clearpointsystems.com

One thing I'm confused about is when to close the <li> tag...

Also, should I sub-class the <ol> or just the <li> ?

Any help would be appreciated...

Thanks in advance.

[Mark Parnell]

Deciding to do something for the good of humanity, deko
<de**@nospam.com> declared in
comp.infosystems.www.authoring.stylesheets:

I'm trying to get output that looks like this:

1. main point 1
A. subordinate point
B. subordinate point
2. main point 2
A. subordinate point
B. subordinate point

ol { list-style-type: decimal }
ol ol { list-style-type: upper-alpha }
<ol>
<li>main point 1
<ol>
<li>subordinate point</li>
<li>subordinate point</li>
</ol>
</li>
<li>main point 2
<ol>
<li>subordinate point</li>
<li>subordinate point</li>
</ol>
</li>
</ol>

--
Mark Parnell
My Usenet is improved; yours could be too:
http://blinkynet.net/comp/uip5.html

[deko]

> ol { list-style-type: decimal }

ol ol { list-style-type: upper-alpha }
<ol>
<li>main point 1
<ol>
<li>subordinate point</li>
<li>subordinate point</li>
</ol>
</li>
<li>main point 2
<ol>
<li>subordinate point</li>
<li>subordinate point</li>
</ol>
</li>
</ol>

Outstanding!

That example was exactly what I needed!

Thanks!

[Jack]

deko wrote:

I've put up a first shot at it here:

http://www.clearpointsystems.com

That's a 404.
Also, should I sub-class the <ol> or just the <li> ?

"Sub-class"? No comprendi.

--
Jack.

[dingbat]

Mark Parnell wrote:

<ol>
<li>main point 1
<ol>
<li>subordinate point</li>
<li>subordinate point</li>
</ol>
</li>

I'd do somthing like this

<li><span class="foo" >main point 1</span>
<ol>

Although your example is valid HTML, it uses a mixed content model for
<li>. This makes it difficult to apply CSS later, if you wanted to
style the text "main point 1" without affecting the second-level list.

Mixed content models are always a pain. They're bad enough for inline
text, but I'd make an effort to avoid them around anything block-like
(such as lists).