Web Analytics Made Easy -
StatCounter Drop down menu css align right - CodingForum


No announcement yet.

Drop down menu css align right

  • Filter
  • Time
  • Show
Clear All
new posts

  • Drop down menu css align right

    What I'm trying to do is a Menu with multi-level drop downs.
    I will start with this: I saw a lot of suggestions and tutorials but I'm stuck because I really I don't understand where is the problem in my code. I wrote the code after W3schools tutorial and it works great but I've tried various combinations of float:left, position:relative, but couldn't figure it out.

    My question it's: how I have to change the CSS proprieties in that way that will result a second level menu that will open in the right of his parent, not under like it's right now. You can see the second level menu when you open "Projects" element. Here is the menu and code https://jsfiddle.net/Anaramia/mw4u2wtu/

    What I have: Click image for larger version

Name:	2016-09-16 15_31_56-Edit fiddle - JSFiddle.png
Views:	1
Size:	7.0 KB
ID:	2283604

    What I want: Click image for larger version

Name:	2016-09-15 17_29_32-Opera Drop Down Menu _ CSS MenuMaker.png
Views:	1
Size:	7.7 KB
ID:	2283605

    Thank you for your time and help

  • #2
    See Son of Suckerfish Dropdowns
    Digitalocean Cloud Hosting (Referral link - get $10 free credit) Fameco


    • #3
      I tried: Create a New Pen

      Basically just make the parent li have relative positioning and make the child uls inside of it have absolute positioning and give it left and top positioning accordingly.
      Last edited by pdlw; Sep 25, 2016, 06:59 PM.