Some CSS menus for you

[mania]

Hi all,

I wrote up this tutorial on mostly CSS menus with minimal JavaScript which you can feel free to use in your projects, but I would like a little feedback.

Part I looks at using the CSS 'display' property of none vs block to show and hide your sub-menus. This is very suited to vertical web site navigation.

http://bitcastle.net/css_menus.php

Part II discusses using the CSS 'visibility' properties of hidden vs visible plus using the position and z-index to show and hide more like pop-up menus. This is more suited to a horizontal web site navigation bar with vertical pop-ups, but is more complicated to be sure.

http://bitcastle.net/css_menus_2.php

Both versions need a wee bit of JavaScript to make them work. They should work in FF, Safari, IE and Opera. Just would like to know if they could be made simpler, faster, better looking - whatever. thanks.

 

[mnkeybsness]

Looks like you've got a case of div-itis. Try remaking those with unordered lists!

 

[mania]

the nice thing about this is you can use lists or whatever you want, including lists. when it comes to the horizontal menus i find its just easier to use divs than to fight with the ul and li css. thanks for the feedback. keep it coming.