1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS adding a drop down menu in my existing menu

Discussion in 'Web Development' started by Joel George, Mar 31, 2014.

  1. Joel George

    Joel George New Member

    please help me with my query... i want a drop down list for my products section.... in my menu bar
    i have very minimal knowledge about it and am just learning stuff using trial and error... please help me..

    I have uploaded my code please refer to it and provide me help
     

    Attached Files:

  2. Yen

    Yen Programmer Verified Member

    Hi Joel,

    The file you provided is not sufficient for me to work with. It references other resources which are out of reach.

    However, you can take a look at this tutorial. It should provide enough information for you to do up your own menu with drop-down sub-menu.

    Key points to remember:
    1. Menu consists of un-ordered list (i.e . <ul> <li>..</li><li> .. </li></ul>) styled without bullets and
      • arranged horizontally for main menu
      • arranged vertically for dropdown (sub)menu
    2. Uses the CSS :hover selector to highlight, display or hide menu / submenu

    Regards,

    Yen
     
    Dawn likes this.
  3. Joel George

    Joel George New Member

    Thank you very much, Yen

    The tutorial you provided me is very helpful...

    Thanks once again....


    Regards,

    Joel George
     
  4. navyfalcon

    navyfalcon Well-Known Member Verified Member