Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Drop Down submenu alignment

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #245584
    Anaramia
    Participant

    I’ve done this menu with drop down elements. I wrote the code after W3schools tutorial and it works great but I think I’m blocked somewhere. To the Project element there is first submenu and I need the second one and now it look a little bit weird.
    I’ve tried to make a second submenu that’s opening beside the element from first submenu.
    Here is the code
    https://jsfiddle.net/Anaramia/mw4u2wtu/

    Thank you for your time and help.

    #245586
    Paulie_D
    Member

    Any chance you could reduce the JSfiddle to just the relevant parts?

    That said, it looks at though you aren’t positioning the dropdown menus properly (or at all).

    #245587
    Anaramia
    Participant

    I reduce only HTML part because I think that the CSS part for the menu is relevant for every change. It’s ok?
    Here it is
    https://jsfiddle.net/Anaramia/mw4u2wtu/

    #245588
    Paulie_D
    Member

    This is one I’ve had a long while but it might help.

    http://codepen.io/Paulie-D/pen/ujlbJ/

    #245624
    Anaramia
    Participant

    Ok, thank you but I used for the menu only CSS. I read all the post and tutorials about drop down menu. It would help me if can somebody tell what’s is wrong in my code, what is missing, why it looks like that. I’ve tried some things but I didn’t succeed.

    #245625
    Paulie_D
    Member

    The Jquery isn’t relevant.

    The example shows you the structure and positioning of each menu…that’s what you wanted…wasn’t it?

    #245627
    Anaramia
    Participant

    Yes, that’s what I want with my menu. The elements from the second level pop up in the right of his parent, not under.

    #245629
    Paulie_D
    Member

    Then I’ve given you a commented blueprint…I think.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.