Results 1 to 3 of 3

Thread: Chrome Menu Space on Top?

  1. #1
    Join Date
    May 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Chrome Menu Space on Top?

    1) Script Title: Chrome CSS Drop Down Menu 2.0

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

    3) Describe problem: I'm trying to get rid of white space that appears on top of the Chrome menu bar. See here:

    http://blog.willamette.edu/people/ncordova/rhet350/

    The image that goes right above the menu is only about 156px and I would love the chrome menu bar to line up right below it with no white space in-between both. When I make the banner above the chrome menu bar smaller, say 140px, all that happens is that the chrome menu bar runs a bit on top of the banner. That is, it seems as if the chrome menu bar has some built in white space on top.

    Any help? The site is heavily under-construction, not active yet, but would love to have it up and running by the time classes start!

    Thanks for a great script!

    N

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    I see the problem, though after tinkering with the CSS for a while, I didn't find an elegant solution to the problem. What I did come up with is just to manually move the menu up a specific pixel value to close that gap. Inside your CSS, change the below:

    Code:
    #chromemenu{
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    top: -15px;
    }
    The code in red is new. You can change "15px" to a larger or smaller number accordingly.

    BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice:

  3. #3
    Join Date
    May 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thanks!

    Thank you it worked like a charm! My apologies, I will include the proper attribution!

    N

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
  •