Hi Trying to create a simple navigation menu for my side-scrolling photo gallery.
I've played with dropdowns, but given up on them because they seem buggy (also I decided I didn't like the look of them). Now trying something that is hopefully a bit simpler - a 2 line horizontal menu. Main sections on line 1, sub sections on line 2. I'm interested in having the menu as a SSI (I think that's what you call it (?) - a single linked document, rather than having the menu in every page). I want an underline on the active main section and sub section - and the non-active subsections need to be hidden. I want to do this with CSS. I've got it working in FF and Opera. But Safari gets the underlines wrong (it underlines ALL the subsection items). Here's the page (which won't work in IE, for other reasons, I think): http://www.richardnicholson.com/testing/menu/editorial.html This is the relevant CSS: #editorialpage #personalwork ul, #editorialpage #info ul { visibility: hidden;} /* hides two sub menus */ #editorialpage #commissioned {text-decoration: underline;} /* underlines top level menu */ #editorialpage #editorial {text-decoration: underline;} /* underlines sub menu */ And HTML: <body id="editorialpage"> <li id="commissioned"><a href="editorial.html">Commissioned</a> <ul> <li id="editorial"><a href="editorial.html">Editorial</a></li> <li id="series1"><a href="series1.html">Series #1</a></li> <li id="series2"><a href="series2.html">Series #2</a></li> <li id="annual1"><a href="annual1.html">Annual #1</a></li> <li id="annual2"><a href="annual2.html">Annual #2</a></li> <li id="contract"><a href="contract.html">Contract</a></li> </ul> Safari underlines all the sub menu elements, not just 'editorial'. Is this a bug in Safari? Or is there something wrong with my code (more than likely, as I'm new to this)? Is there a word for this type of menu - where CSS is controlling visibility/underlines etc? Thanks Richard ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
