HighDots Forums  

Help with CSS for outline format

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Help with CSS for outline format in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
deko
 
Posts: n/a

Default Help with CSS for outline format - 05-26-2006 , 12:44 AM






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.


Reply With Quote
  #2  
Old   
Mark Parnell
 
Posts: n/a

Default Re: Help with CSS for outline format - 05-26-2006 , 12:56 AM






Deciding to do something for the good of humanity, deko
<deko (AT) nospam (DOT) com> declared in
comp.infosystems.www.authoring.stylesheets:

Quote:
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


Reply With Quote
  #3  
Old   
deko
 
Posts: n/a

Default Re: Help with CSS for outline format - 05-26-2006 , 01:17 AM



Quote:
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!




Reply With Quote
  #4  
Old   
Jack
 
Posts: n/a

Default Re: Help with CSS for outline format - 05-26-2006 , 04:17 AM



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

http://www.clearpointsystems.com

That's a 404.

Quote:
Also, should I sub-class the <ol> or just the <li> ?
"Sub-class"? No comprendi.

--
Jack.


Reply With Quote
  #5  
Old   
dingbat@codesmiths.com
 
Posts: n/a

Default Re: Help with CSS for outline format - 05-26-2006 , 06:17 AM




Mark Parnell wrote:

Quote:
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).



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.