Results 1 to 4 of 4

Thread: Chrome menu UL items have 4px between, how do I remove that?

  1. #1
    Join Date
    Sep 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Chrome menu UL items have 4px between, how do I remove that?

    1) Script Title: Chrome Menu (2.01)

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

    3) Describe problem: I'm using chrome menu, but the top level UL items are all defaulting to 4 pixels between them causing the nav to not fit in the area designated. Is there a way to modify this solution to not have any horizontal space between UL menu items?

    Thanks.
    Last edited by lycapixel; 11-06-2007 at 03:25 PM.

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

    Default

    The problem is due to the way the Chrome menu is styled (inside the .css file). If you look at the raw menu style, there's a minor spacing between each menu item as well. I tried playing around with it a bit, though can't get rid of the spacing.

    The easiest solution is just to replace the original .css file for this menu with a CSS menu without the gap. For example, try this one instead.

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

    Default good news, a solution has been found.

    The solution was right in front of me the whole time.

    I think the right margin was not being caused by the CSS, but rather the JS (I think).

    I modified this in the CSS to have a right negative margin, and the gap is gone.
    .chromestyle ul li{
    display:inline;
    padding:0px;
    margin:0px -2px 0px 0px;
    }

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

    Default

    Good to know it's fixed for you, either way.

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
  •