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

11-06-2007, 03:11 AM
1) Script Title: Chrome Menu (2.01)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/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?


11-06-2007, 04:42 AM
The problem is due to the way the Chrome menu is styled (inside the .css file). If you look at the raw menu style (http://www.dynamicdrive.com/style/csslibrary/item/chrome-menu-bar/), 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 (http://www.dynamicdrive.com/style/csslibrary/item/vertical-divider-menu/) instead.

11-06-2007, 03:25 PM
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{
margin:0px -2px 0px 0px;

11-06-2007, 09:35 PM
Good to know it's fixed for you, either way. :)