View Full Version : DD Tab Menu: space problem

01-22-2008, 03:27 PM
1) Script Title: DD Tab Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

3) Describe problem:
I use the same menu of this forum (exemple 5 of script page)

the problem is that, on mouse over we see a little space on the left.
So how to remove it ?

thank you

01-23-2008, 12:30 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

01-23-2008, 01:01 AM
i don't have a link because Im working offline.

but we can see it, on the exemple 5 of the page script or in this menu forum just on top of this page.

when the mouse is over, we have the blue image for mouseover on the menu.
but we see like 4-5pixel of space between the separation and the mouseover blue image.

I hope you understand my bad english.

01-23-2008, 01:04 AM
Yes I understand,
what browser are you using?

01-23-2008, 01:09 AM
I test it on IE7 and firfox.

but it's only with the 'chromemenu' style (exemple5)
the others there are no problem.

01-24-2008, 02:21 PM
Here is a screenshot of the problem:

I test it in opera, IE7 and firfox, and we see this space.

Anyone can fix it ?

01-25-2008, 06:03 AM
The space is due to the CSS of the menu, not the script itself. It's based on Chrome CSS menu (http://www.dynamicdrive.com/style/csslibrary/item/chrome-menu-bar/), which carries the space as well. Long story short, the space exists because the menu items are not "floated", with the advantage of this being you can easily specify the alignment of the menu items (left, center etc). The disadvantage is of course the little gap you get between menu items.

I haven't had time to see if there was a solution to this problem, unfortunately. Some other CSS horizontal menus sans the gap can be found here, though they in turn do not support easily alignment: http://www.dynamicdrive.com/style/csslibrary/category/C1/P7/