A LIST Apart: For People Who Make Websites

No. 151

Discuss: CSS Design: Taming Lists

Pages

 1 2 3 >  Last »

1 Typo

> (the other character, \0022, is a space)
Should be \0020. \0022 is the quotation mark.

posted at 06:22 pm on September 27, 2002 by davon

2 Typo

Corrected. Thanks!

posted at 07:10 pm on September 27, 2002 by Tanya

3 Quite marvelous

I will probably use this article as a reference when I talk about “advanced styles” in my XHTML class.
Although I’m not going to and re-author all my breadcrumbs in my existing pages.

posted at 07:25 pm on September 27, 2002 by David Eisenberg

4 Exactly what I was wondering

Perfect! I was just wrestling with how to handle a list of links yesterday! Not only does this answer every question for my personal site, it solves a thorny issue for a menu on a site for my job. Thanks so much.

posted at 09:03 pm on September 27, 2002 by Erik

5 more css...

I’m just saying somthing… this was okay. it’s not like you need a big long article about it, but, it’s cool. I’ll probably end up using something in here sometime or another. Thanks ALA

posted at 10:34 pm on September 27, 2002 by Scott Allison

6 Yummy

Ala has been needing a good article like this for a while now.

posted at 01:14 am on September 28, 2002 by nurb

7 I will be using this

Thanks – I will also be including this on my reference list.

posted at 03:45 am on September 28, 2002 by John Colby

8 Mozilla rendering

Can anyone explain why Mozilla (v.1.2a) only shows every other horizontal line in the real world example? Dump here: [img]http://tippetevling.net/ala/realworld.png[/img]

posted at 04:01 am on September 28, 2002 by Randi A.

9 :first-child / :last-child

One thing I think this article lacked was a reference when using the class=“first” and class=“last” examples for specifically styling the first and last elements of lists. Instead of having to embed this in your HTML with an ugly class, you can use the CSS2 and CSS 3 selectors :first-child and :last-child respectively.

Hence li.first becomes li:first-child (li element which is the first child of its parent element), and li.last becomes (li element which is the last child of its parent element). As far as I’m aware, it’s only supported in Mozilla at the moment, but if you’re talking about examples which only work in Mozilla and Opera, you might as well include those examples too.

Apart from that, a great article Mark!

posted at 04:06 am on September 28, 2002 by Lach

10 Oops

Oops, that should have read “li.last becomes li:last-child” yada yada.

posted at 04:08 am on September 28, 2002 by Lach

Pages

 1 2 3 >  Last »

Discussion Closed

New comments are not being accepted, but you are welcome to explore what people said before we closed the door.

Got something to say?

Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.

Create a new account or sign in below if you’d like to leave a comment.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)