SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Nov 2009
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Drop down navigation menu

    Hello people

    I want to add a drop down navigation menu to my site any ideas how I can do that, I want to learn how to code it so a link to a tutorial would be helpful. Iím assuming I have to use Javascript but can it be done in html because I donít know how to code in Javascript.

    Thanks for your help and time.

    Regards

    Abs

  2. #2
    SitePoint Wizard silver trophybronze trophy
    Join Date
    Jul 2008
    Location
    New York, NY
    Posts
    1,432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  3. #3
    SitePoint Zealot ArtphotoasiA's Avatar
    Join Date
    Dec 2009
    Location
    Italy
    Posts
    130
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I suggest you a nice website about javascript... a menu is easy to be implememnted also if no big experience go to check http://www.dynamicdrive.com/dynamicindex1/
    More by Corrado Prever... visit www.corradoprever.com
    Porfolio... visit www.500px.com

  4. #4

  5. #5
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Be aware of Javascripted menus... you will need to make sure the menu can also work when there is no JS present on the client side.

    I've been partial to the dropdowns I first learned Clean Code on:
    http://www.htmldog.com/articles/suckerfish/dropdowns/

    However there is a little trip-up on that site:

    They use the popular Suckerfish JS to make IE6 dropdown (which is almost always required for IE6 and dropdowns, with 2 exceptions I know of), but the CSS code is written in such a way that if you, say, chose to use some other way to make IE6 hover (like Peterned's csshover), and remove the JS from the <head>, IE7 also stops hovering. So to use the HTMLdog dropdowns, you'd need to add a line like

    #nav a:hover {
    visibility: visible;
    }
    or some comment like that which doesn't visually change anything but makes IE "see" the hover itself.

    Second thing I'd send your way is Jakob Nielsen's alertbox about Mega dropdowns: http://www.useit.com/alertbox/mega-dropdown-menus.html


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •