11 re: first-child etc.

Thanks, Lach. Maybe the reason Mark excluded those CSS2/3 selectors from his article is that they are poorly supported in many popular mainstream browsers and he wanted to offer only practical advice.

posted at 08:15 am on September 28, 2002 by apartness

12 Jumping real world example in IE6

Nice article, it will come in handy in our work.

One thing though, when viewing the article using IE6 the real world navbar jumps to the left on the page when the mouse enters. It then remains there without problem unless the page is refreshed and then it jumps again to the left on mouse over. I did follow the link to the Asset Surveillance site and here the menu stays in place.

Why would this happen?

posted at 08:35 am on September 28, 2002 by Joe

13 Jumping real world example in IE6

Yes, sweet article, I too noticed the jumping IE6 phenom, for what it’s worth, it is IE6 on a WinXP box for me.

No movement noted in NN6.2.3.

And there appears to be no movement in IE5.5 on a cranky old Win98SE powered P166 either. Go figure.

posted at 09:17 am on September 28, 2002 by Ray

14 Just a little off topic

What are the differences between XHTML 2.0’s NL and the good ole UL/OL?

posted at 09:26 am on September 28, 2002 by Ricky

15 Margin, Padding Zero

While we’re doing a forsenic exam, I also noticed in your first positioning example, where you set margin and padding to zero, and suggest – “Note that the markers lie outside of the DIV. If the containing box were the BODY of the HTML document, the markers might be rendered outside of the browser window, in effect vanishing.”
I noticed immediately, they vanish in both IE6 and IE5.5 anyway.

posted at 09:26 am on September 28, 2002 by Ray

16 Jumping real world example in IE6

The menu system doesn’t jump when taken out of the ALA code framework, so maybe there is some conflicting styles somewhere that are causing the problem. Furthemore, the rollover effect seems sluggish on IE6 PC when viewed within the article, it’s much faster when by itself.

posted at 11:04 am on September 28, 2002 by Michael Efford

17 Another kind of lists

1. Why throw things into a div#button? You could move that part of the styling to the ul, maybe adding .menu so that you can have one or several lists of that type in the page along with regular uls.

2. One thing I found missing here is the definition lists. With definition lists you are from the beginning rid of the bullets, and can throw in a description of the link in the definition data tag. Then you can supply the user with two alternate stylesheets, one with definition data displayed, the other with it hidden.
(Using a style switcher such as the one Paul Sowden presented in an earlier ALA article, or the one I created for my page. Or serverside. Or the mechanism built into mozilla.)

posted at 12:20 pm on September 28, 2002 by Liorean

18 Nice shifting into

Heh, I noticed this article on ALA just after I was looking at part of w3c’s XHMTL2 working draft… more particularly, the part about the nl tag.

Great work :-)

posted at 01:38 pm on September 28, 2002 by James A Payne

19 re: Mozilla 1.2a rendering

The real-world example looks fine in Mozilla 1.2a Linux. Perhaps it is a Mozilla 1.2a Windows bug.

You can always report a mozilla bug at http://bugzilla.mozilla.org/

posted at 01:40 pm on September 28, 2002 by Dave Anderson

20 Yes, use the proper markup

I have been using lists and css to make my menus for a while now, and it took a while to see how to make them do exactly what I wanted. The inline list is especially nice because it works in text-only as well as visual browsers.

Most importantly it means we are using the proper markup for the data. Eventually if all the data on the web is marked-up properly, then search engines can do stuff like searching for lists with class “grocery” and qutoes with class “famous” or “thomas-jefferson” — wouldn’t that be nice?

posted at 02:17 pm on September 28, 2002 by zachariah