A LIST Apart: For People Who Make Websites

No. 151

Discuss: CSS Design: Taming Lists

Pages

« First  <  6 7 8 9 10 >  Last »

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

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

Pages

« First  <  6 7 8 9 10 >  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?)