Discuss: CSS Design: Taming Lists
by Mark Newhouse
- Editorial Comments
72 CSS Coloring Question
I am curious as to whether or not the margins and padding of a box can be colored. If so, that would dramatically cut down on the number of nested div boxes needed for some simple effects.
posted at 08:19 am on October 10, 2002 by Jobeleca
73 Another Good CSS Tutorial
Here’s another good CSS tutorial I found on the Internet:
http://www.digital-web.com/tutorials/tutorial_2002-06.shtml
It’s interesting in that it uses an H1 tag for the name of the site
(like a classic old style page) but refines h1 to include an image rather than text… Sounds wonderful to me.
Alistapart folks – can you write a new tutorial based on the concept,
you know, advantages and disadvantages, how to go around them.
I like the h1 because it should help with the search engines… :)
posted at 03:26 pm on October 10, 2002 by Wolverine
74 IE6 weirdness
Ok, I’ve set up an inline list (unordered) as a menu across the top of my site.
I placed it in a table cell (using XHTML transitional), and gave it a background color. The list shows up right in the middle of the cell in Moz 1.1, but it floats to the top in IE6. I changed the cell’s valign to bottom but it doesn’t do anything. Has anybody else noticed this?
posted at 10:35 pm on October 10, 2002 by Alex Morales
75 list gap
Excellent article, it certainly cleared up some design issues for me.
One more question:
How does one control the huge gap between the preceding text and the first list item in a basic page?
ei:
random text
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
any ideas?
Thanks again!
posted at 11:41 pm on October 10, 2002 by loki
76 Gap on UL
RE: loki, http://www.alistapart.com/stories/taminglists/discuss/3/#ala-1051
Loki, just use:
ul { margin-top: 0;}
You might also want to do margin-bottom: 0 as well.
posted at 02:16 am on October 11, 2002 by Kevin W
77 Figured it out!
Re http://www.alistapart.com/stories/taminglists/discuss/3/#ala-1050
Just figured it out, thanks anyways!
posted at 09:12 am on October 11, 2002 by Alex Morales
78 Content Management Systems and CSS
Can we have some article about Content Management Systems (like phpnuke, postnuke, etc) and CSS? These systems tend to be heavily tables based and it’s a pain to get them to be pure CSS. Any hints and tips?
posted at 05:04 am on October 12, 2002 by Wolverine
79 Compliant nested lists?
So … how to handle nested lists – is there an HTML-compliant way of doing this? A <ul><li><ul><li>…</li></ul></li></ul> nested inside <UL><LI> isn’t legal, is it?
Advice appreciated…
posted at 12:12 am on October 14, 2002 by John Pitcairn
80 Re: Compliant nested lists?
My mistake … <ul><li><ul><li>…</li></ul></li></ul> is OK.
<ul><li>…</li><ul><li>…</li></ul></ul> isn’t. Which is what I was trying to validate. Doh!
posted at 12:34 am on October 14, 2002 by John Pitcairn
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?)






71 Mozilla rendering
With regards to the horizontal lines only appearing every other button in Mozilla.
I copied the code and pasted it into a demo page, everything works properly there. I suspect that the code is in conflict with something on the ALA site.
posted at 08:16 am on October 10, 2002 by Jobeleca