Grow your CSS skills. Land your dream job.

Making a Sub Menu for a nav not neccesarily a drop down menu

  • # February 16, 2013 at 12:47 am

    I want a nav menu where i can hover one nav element and reveal a sub menu beneath it. If you go to this site
    [http://thematrix101.com/matrix/](http://thematrix101.com/matrix/ “Matrix 101 dotCom”)

    you can see that The Matrix nav is clicked and beneath that is a series of other menus. What i want is that effect but to happen on a hover effect for each nav. i don’t want to have to click each nav to reveal its sub menu.

    # February 16, 2013 at 2:07 am

    Please don’t copy ANY code from the linked site.

    It’s not using an actual menu for the ‘sub-menu’ just a bunch of links all jammed in as text….plus it’s built using tables.

    # February 17, 2013 at 11:45 am

    That was so helpful thank you. I’ll be sure to ask you every time. Clearly i know what the code would look like.

    # February 17, 2013 at 3:48 pm

    Then perhaps you would care to show us how far you have gotten in Codepen so we can assist you further.

    # February 17, 2013 at 5:48 pm

    # February 17, 2013 at 6:06 pm

    >Clearly i know what the code would look like.

    We’re willing to help you with the bits you can’t get but if you won’t even help yourself….

    # February 17, 2013 at 9:06 pm

    i don’t know any of the bits. That’s why i asked the question so vaguely other than the conceptual idea of “a nav with a hover state that reveals a horizontal sub menu beneath each NavLink” and a provided link to support the idea.

    My Question again was….
    “I want a nav menu where i can hover one nav element and reveal a sub menu beneath it. If you go to this site http://thematrix101.com/matrix/

    you can see that The Matrix nav is clicked and beneath that is a series of other menus. What i want is that effect but to happen on a hover effect for each nav. i don’t want to have to click each nav to reveal its sub menu.”

    Each menu must be aligned horizontally, as in the example of the matrix 101 site. Each NavLink having a hover effect that shows this horizontal sub menu.

    # February 18, 2013 at 12:26 am

    >Clearly i know what the code would look like.

    Then this wasn’t true?

    Have you tried **anything** yet or am I misjudging your level of expertise in HTML & CSS?

    I’m happy to ‘get you over the hump’, but I’m not going carry you up the hill.

    # February 18, 2013 at 1:01 am

    This stackoverflow topic may help.

    http://stackoverflow.com/questions/11541467/horizontal-menu-with-horizontal-submenu

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".