My nested sidebar menu has gaps or space between items

[allenc]

I am using the DD nested sidebar menu located here:

http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/

It has no gaps between items. Mine is located here:

http://awesomeart1.brinkster.net/awesome/default2.asp

and it has gaps or spacing between each item and it causes my menu to be too long vertically.

Anybody know of a fix for it

[Deadweight]

I am using the DD nested sidebar menu located here:

http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/

It has no gaps between items. Mine is located here:

http://awesomeart.brinkster.net/awesome/default2.asp

and it has gaps or spacing between each item and it causes my menu to be too long vertically.

Anybody know of a fix for it

I could help you if your link worked =P

[allenc]

Sorry, I fixed it

[Deadweight]

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

Just try changing the padding to something smaller. Let me know if that doesnt work then i will do it another way.

[allenc]

I have tried changing that padding to higher and lower than 6px, but that doesn't hlp. If you change it to 1 px it makes the tabs narrower but messes up he sub menu alignment and it still doesn't get rid of the gaps.

I use Mozilla browser with the web developer toolbar and you can edit css on the fly and see how changes look immediately without having to ftp. It doesn't edit it on the server, just shows what changes will look like

Thanks,

Allen

[azoomer]

In firebug it looks like this is the problem



.col2 ul li {
margin-left: -5px;
padding-top: 3px;
padding-bottom: 3px;
}


It is in the art.css line 178
try to change it to 0 or just delete the padding here and see if that helps

[allenc]

WOW, fabulous! Thanks very much, great find!

I wasn't even thinking about the CSS above the sidebar menu

How did you notice it, do you use Mozilla with the developer toolbar?

How ever you found it thank you very mich

Regards,

Allen

[azoomer]

I use the firebug add on. It's very useful. You can find it here (http://getfirebug.com/)