Hi Welcome to sitepoint 
Originally Posted by
louie540
I have since been trying to copy my teachers navigation from
scantron.com.
That's one of Stu Nichols menus and is quite complicated if you don't understand the concept. It works by using illegally nested anchors and tables and then hiding the invalid bits with conditional comments. It's not a method I like but is clever and will work in IE6 without javascript.
I prefer the simpler and much cleaner approach using the suckerfish menu type of dropdown.
Here is my version of the suckerfish which is better behaved than the suckerfish examples. The only complicated part is the repeated styles for the multi flyouts but they don't really need to be altered much to change the styling.
There is nothing special abut styling dropdowns except to remember that when you say something like ul li {background:red} then you also by default will style all nested lists red so you have to then counteract that with a more specific style e.g. ul li li {background:green}.
This applies to all the properties you use and all other elements such as anchors in the nested styles. Just keep track of what you are doing.
e.g.
Code:
ul#nav li{/* first level */
float:left;
background:red;
}
ul#nav li li{/* second level */
float:none;
background:green
}
ul#nav li li li{/* third level */
background:orange;
}
Avoid the child selector (>) if you want ie6 support as it doesn't understand it.
Reply With Quote
Bookmarks