Discuss: CSS Design: Taming Lists
by Mark Newhouse
- Editorial Comments
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 05: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 07: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 08: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 11:14 pm on September 27, 2002 by nurb
7 I will be using this
Thanks – I will also be including this on my reference list.
posted at 01: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 02: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 02: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 02:08 am on September 28, 2002 by Lach
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.
Subscribe to this article's comments: RSS (what’s this?)



1 Typo
> (the other character, \0022, is a space)
Should be \0020. \0022 is the quotation mark.
posted at 04:22 pm on September 27, 2002 by davon