A LIST Apart: For People Who Make Websites

No. 151

Discuss: CSS Design: Taming Lists

Pages

« First  <  5 6 7 8 9 >  Last »

61 Comes in handy

This aarticle was great – Ive been trying to find a decent way to display my links and yet still make them accessible – thanks for this! – I too noticed the whole shifting thing in IE6 – good job that i use netscape at home (6/7) its alot faster :D

posted at 07:21 am on October 4, 2002 by Munchkin

62 nested list problem

great article!

got a problem though…
when presenting a nested list as a vertical navigation menu
for example:
<ul><li>[url=“fruits”][/url]</li><ul><li>[url=“apple”][/url]</li>…</ul>…</ul>
the nesting level indentation can be achieved by padding-left on li;
however, with these paddings, is it still possible to changing the
entire row background color on hover of the menu item li link?

posted at 10:28 am on October 4, 2002 by shinya

63 Re: Win-IE6 CSS bug

Re: http://www.alistapart.com/stories/taminglists/discuss/2/#ala-1003
It did it on my machine with WinXP and IE6, but on Windows .net 2003 beta it doesn’t—I think it has to do with WinXP themes support, actually.

posted at 10:53 am on October 4, 2002 by Louis St-Amour

64 Well-written!

A very nicely-written tutorial. Often it’s hard to just find a tutorial on the subject that you want let alone find one that is so clear. Thanks, Mark! You did an excellent job.

posted at 12:26 pm on October 5, 2002 by amanda

65 re: nested list problem

Shinya, I believe the example code you posted isn’t valid HTML. UL’s are not allowed directly within UL’s; they must be within LI’s. The only element allowed in a UL is an LI. UL’s within UL’s appear to be deprecated. http://www.w3.org/TR/html4/struct/lists.html#h-10.2

posted at 03:06 pm on October 5, 2002 by Slime

66 horizontal alignment off

This was a good article, but unfortunately seemed to miss the one point I haven’t been able to solve. Image bullets don’t seem to align horizontally to the lists. Even in the 2 examples, you gave the images are too high (on OS X, IE5). Unfortunately, the behaviour seems to differ between IE and N (not sure about Windows).
Any ideas?

posted at 11:22 pm on October 5, 2002 by macg

67 What's right markup

IMO, the inline lists one is unneccessary and the UL was not supposed to be used in this way.

Why? Well look at the list without the stylesheet. It doesn’t look like as it was intended because now you have two paragraphs and a block list in between. Structually, it is a single paragraph, the list is contained inside (which is invalid HTML), and structually, it is an inline list (for which there is no HTML markup), not a block list like UL. So I say it’s best to leave the list unmarked.

Also, by looking at the other lists without the stylesheet, you can form a clearer opinion about what’s right and what’s wrong. eg. For the breadcrumbs, the nested option is more “correct” than a single list IMO. When you look at it without styles, each item is indented more than the last, and looks well… right.

posted at 02:44 am on October 7, 2002 by Kevin W

68 Testing Browser Compatibility

I love working with CSS and would gladly throw out tables for everything except tabular data (which this article even gives alternatives).. but in the end I can’t. I panic. I seize up. I create the page, it looks great in the three browsers I have access to, but I can’t trust that it will look good in all browsers. What can I do?

Do all you guys have a set of machines with different browser/OS/version combinations? How realistic is this for the average joe-blow?

I would love a service where I could provide my URL, select an environment and receive a screenshot in my email. Anyone know of something like this? Any help appreciated.

posted at 12:10 pm on October 7, 2002 by Dylan

69 Kick A eh?

I liked this article, good job.

JimS.

posted at 12:31 pm on October 7, 2002 by JIm

70 Re: Mozilla rendering

I resolved the problem of the intermitent line rendering in mozilla by moving the line
border-bottom: 1px solid #90bade;
from #button li to #button li a
I did some other edits too that may have affected it, and I may have broken something else in attemting to fix it. But it does what I requre of it.

posted at 05:31 am on October 10, 2002 by dave

Pages

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