NB: These pages were mostly written in 2001 or so. The résumé dates are accurate but the code is aged and unlike whiskey, 8 year-old code doesn't usually taste better. For a look at my current skills and to see my CPAN modules, sample code, and code discussions, please see these pages instead: Perl resources and sample code and PangyreSoft.
Cascading outlines with style
Social links
View Ashley Pond V's profile on LinkedIn
Miscellaneous

Other pages

Description

Using just ordered list and list item HTML tags (<ol> and <li>) we can produce a nice looking and easy to cite outline.

Our outline pre-CSS, lame

  1. Major outline item.
    1. Next level down.
      1. And a first point about that.
        1. The first point has a note.
          1. And that note has two notes.
          2. Ending with this.
      2. The second point comes along.
        1. The second point needs elaboration.
        2. Elaboration is well broken up.
        3. And shouldn’t go on forever.
    2. Close big!
      1. Make the point.
  2. Big bugs have little bugs
    1. Upon their back to bite them.
      1. Little bugs have littler bugs.
        1. And so, ad infinitum.
  3. The fun can go on forever!

This, obviously, is useless. If I want to cite a part of the outline I can only do it this way, “Please refer to 1.1.2.3.” Lame.

But the exact same HTML with a CSS sheet added can fix it.

Our outline post-CSS, rad

  1. Major outline item.
    1. Next level down.
      1. And a first point about that.
        1. The first point has a note.
          1. And that note has two notes.
          2. Ending with this.
      2. The second point comes along.
        1. The second point needs elaboration.
        2. Elaboration is well broken up.
        3. And shouldn’t go on forever.
    2. Close big!
      1. Make the point.
  2. Big bugs have little bugs
    1. Upon their back to bite them.
      1. Little bugs have littler bugs.
        1. And so, ad infinitum.
  3. The fun can go on forever!

Now that’s Italian. Well, Roman. And Arabic. Now you can cite “I.A.2.c” without making enemies.

The CSS to do it
(style section goes in <head> or stylesheet)

<style type="text/css"> ol { list-style-type: upper-roman; } ol ol { padding-left:2em; list-style-type: upper-alpha; } ol ol ol { list-style-type: decimal; } ol ol ol ol { list-style-type: lower-alpha; } ol ol ol ol ol { list-style-type: lower-roman; } </style>

See also

There is more CSS fun here.

Search these pages via Google
Text, original code, fonts, and graphics ©1990-2009 Ashley Pond V.