more css navlist-foo

Web

Now that everyone is using HTML unordered lists for their navigation menus these days instead of a bunch of meaningless links separated with line breaks (right, everyone?), life on the web is much nicer.

But still, one thing that annoys me about this approach is the over-use of headings needed to give nested nav-list something that is more like a title. You end up with a twisty maze of differently-styleed heading elements which makes your document outline much less useful.

Stu Nicholls has come up with a very nice solution: use definition lists instead. He is advocating that designers should use them instead of the usual unordered lists in general, but I think it is still reasonable to use the latter when you don't need a title-like-thing for your nav-lists. For the main nav menu of a web site, for example.

I would suggest the first of the three use-cases that he, err, lists is the way to go. The second can (should?) be accomplished using title attributes on the anchor element and the third is just a variant on the second.

Posted Wednesday, August 18, 2004 at 23:40.

TrackBacks

TrackBack URL for this post: http://volition.vee.net/mt/mt-idle-trackback.cgi/324

Comments

> use definition lists instead

That sounds like a hack to me. I'm sure it _works_, but displaying a menu isn't really defining a term, is it?

Posted by: Paul Hoadley on August 25, 2004 11:28 PM

Sure, but in the absence of something like XHTML 2's "nl" element, what are we to do?

Still I don't think it is too klugy. It works within the dictionary definition of the word "definition": You are defining a navigation list by specifying the things it is composed of. I think it works within the spirit of the spec as well. It seems like the intent was to focus on the "definition" aspect rather than the "term". If you have a look it also mentions definition lists could be used for marking up a converstaion, for example.

I'm still pretty happy using it for nav lists that need a title.

Posted by: Mike on August 26, 2004 12:23 AM

Add a Comment



(Optional)


(Optional)


Preview your comment before submitting.