Some CSS menus for you

Discussion in 'Web Design and Development' started by mania, Jan 1, 2007.

  1. mania macrumors member

    Joined:
    Jul 23, 2002
    Location:
    colorado
    #1
    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.
     
  2. mnkeybsness macrumors 68030

    mnkeybsness

    Joined:
    Jun 25, 2001
    Location:
    Moneyapolis, Minnesota
    #2
    Looks like you've got a case of div-itis. Try remaking those with unordered lists!
     
  3. mania thread starter macrumors member

    Joined:
    Jul 23, 2002
    Location:
    colorado
    #3
    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.
     

Share This Page