www.webdeveloper.com
Results 1 to 3 of 3

Thread: drop-down menu

  1. #1
    Join Date
    Oct 2013
    Posts
    35

    drop-down menu

    So I have this problem.. I was working on a drop down menu but when I hover over it moves all the content down. I suppose it's an issue with positioning, but I cannot locate the issue, so I'd need your help. Also the alignment of the sub-menu list items is off.

    Here's the code:
    http://codepen.io/anon/pen/uqFem


    Thanks for help

  2. #2
    Join Date
    Feb 2014
    Location
    England
    Posts
    52
    Because the dropdown menu is not take out of the page flow it appears and then as it should pushes the content down.

    You could add a position:absolute to take it out of the page flow, which should work.

    HTML Code:
    header nav ul li > ul{
    	display: none;
      position: absolute;
    }

  3. #3
    Join Date
    Oct 2013
    Posts
    35
    Ok, thanks. That sorted out the issue

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles