Sent by Sax Man on 17 October 2002 17:05
--- Rijk van Geijtenbeek [EMAIL-REMOVED]> wrote:
> On Thu, 17 Oct 2002 07:47:07 -0700 (PDT), Sax Man
> [EMAIL-REMOVED]> wrote:
>
> > Couple questions about styling lists:
> > 1. can I use style (or anything else) to get rid
> of
> > the block-level line break above the list?
>
> Do you want the list be appear inline, or just
> without vertical whitespace
> but starting on a new line?
Just without the vertical whitespace. Craig's simple
solution was exactly what I needed.
>
> > 2. can I use style (or anything else) to make my
> > ordered list look like:
> > 1) item
> > 2) item
> > 3) item
> > instead of 1. item
> > 2. item
> > 3. item
>
> Only in Opera, using the CSS2 'counters' property.
>
> OL { counter-reset: item;}
> LI { display: block;}
> LI:before { content: counter(item) ")";
> counter-increment: item; padding-
> right: 0.8em;
> display: block; width: 2em; float: left; text-align:
> right;}
>
>
> See http://rijk.op.het.net/test/li-count.html for a
> slightly more complex
> example:
>
> OL { counter-reset: item;}
> LI { display: block;}
> LI:before { content: counters(item, ".") ".";
> counter-increment: item; padding-
> right: 0.8em;
> display: block; width: 2em; float: left; text-align:
> right;}
Pretty cool. Thanks for your input. Too bad this one
isn't cross-browser... wonder how often that's said
during css/scripting? :)
__________________________________________________
Do you Yahoo!?
Faith Hill - Exclusive Performances, Videos & More
http://faith.yahoo.com
