When I recently redesigned the Westciv site I was determined to make it as standards compliant, as lightweight and semantically correct as I could. I also wanted to have a side navbar that needed to show quite a few different levels in some sections, for example ones like this, deep within the CSS Guide. It actually took me quite a while to get this navbar right, and in the process I realised it would make a good subject for a tutorial because it teaches something really practical that can be used more or less as is, and at the same time touches on some markup and CSS issues that not everyone might be familiar with.
So, here it is: I've given it the rather dry title of A navbar using lists, and put it in the Quick tutorials section of our new site. Let me know what you think.
I was delighted to see the new list navbar, but I've run into a hitch. If you set class="current" for a link which has nested lists below it, then all of the links in all of the deeper levels get marked with the arrow at the same time, insted of just the one link.
What would be a good way to fix this, while still allowing the navbar section to appear in an "expanded" state? I've been scratching my head over this one for a while, now.
Posted by: Curt | July 26, 2004 at 11:27 AM