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 need 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.
part I
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.
part II
Both versions need a wee bit of JavaScript to make them work and they both work well in FF and Safari but would someone with IE 6 and or 7 mind taking a look?
Unfortunately Opera is able to handle part I fine but chokes on part II. Does anyone know why?
Could I pare down my JS or CSS any further? the goal was to make it super simple, work in all modern browsers, keep JS to a minimum and validate both CSS and HTML.
Happy New Years web brothas and sistas.