SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Mar 2013
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Problem with Menu

    Hi,

    I want to use a drop down menu in blogspot.
    I've tried 2 scripts.
    Both are attached. Making either of them will solve my issue.

    The posts in the blog are below the menu.
    When the menu expands, the expanded items are not seen.
    They're going behind the posts that is immediately below the menu.

    Kindly advise me how this can be corrected.
    Tx!


    script.txt
    script2.txt

  2. #2
    SitePoint Evangelist WebMachine's Avatar
    Join Date
    Jun 2007
    Location
    Ontario, Canada
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you tried adding a z-index:10; in your css to the dropdown part of the menu (#nav ul) so that it sits on top of the content?

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by somkkk View Post
    They're going behind the posts that is immediately below the menu.
    Is this in all browsers? In older versions of IE, this happens because the menu container needs a z-index set. But it could also be that your menu container has overflow: hidden set on it or something like that.

  4. #4
    SitePoint Member
    Join Date
    Mar 2013
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Tx for the quick replies!
    Tried adding the z-index.

    No difference.,

    Plz chk the below screenshot.

    This is in the latest version of chrome.

    As you can see, the "Blogger Tricks" menu is behind the main post content.
    The post content is part of blogger's standard layout. Nothing modified there.


  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    The problem is quite obvious, and is what I suggested above: the menu wrapper has overflow: hidden applied to it. This can easily be fixed, but unless you can show us the live page, you'll have to find it yourself. You can use the "clearfix" method of containing floats instead of overflow: hidden ... if it's even needed there at all.


Bookmarks

Posting Permissions

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