SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Text in my main site is obscuring my menu. Help!

    Hello! Please take a look at my flyout menu site: Test Flyout Lists. I am very pleased with it, except for two problems:
    • As you hover over some of the nested items in the menu, (such as Item 3.c), once the mouse happens to move into the other section, the cursor turns into an "I" and the whole menu disappears. The menu shouldn't disappear until my mouse cursor is away from it no matter which section I'm in. How can I do this?
    • When a menu item overlaps the text section, some of the text creeps through. I want the menu to be totally opaque and completely overlap any content from the other section. How do I do that?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Try adding the code in red:

    Code:
    #sidebar {
      background: url("http://home.roadrunner.com/~dstreb/images/blue_gradient.gif") repeat scroll 0 0 transparent;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 200px;
      z-index: 10;
    }

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow, that worked perfectly! Thanks!


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
  •