navbar css

[callmeandy]

Hi,
trying to adjust the navbar heights and ending up with a gap between the children and the top level menu (please ignore the spelling) in the image

menu.jpg (34.15 KiB) Viewed 286 times

but can anybody advise me where else I need to look. I am guessing this is a margin or padding thing but my CSS is not good!

This in Custom Includes:
#nav a, #nav a:visited {
height: 10px;
line-height: 10px;
}
#nav ul ul li a, #nav ul ul li a:visited {
line-height: 10px;
position: relative;
}




Andy

[sayontan]

Kind of hard to say with a URL. My hunch is that the #nav ul > ul element needs to have its "top" value reduced to something linke 20px.

[callmeandy]

I guess I am not seeing what you mean here!

menu2.jpg (37.96 KiB) Viewed 273 times

with
#nav a, #nav a:visited {
height: 10px;
line-height: 10px;
}
#nav ul ul li a, #nav ul ul li a:visited {
line-height: 10px;
position: relative;
top: 20px;
}

[Colin]

This is what I see and don't see an issue

1.png (97.95 KiB) Viewed 268 times

[callmeandy]

Appolgies - what you are seeing is an online test site, at a different stage in the development process to what I am looking at - I should have made it clear. I am looking at a local production platform.

As you will notice the top level menu bar is still default sized in what you are looking at.

The relevent part of the html ouput for the example I gave if it helps is :
<ul class="sub-menu">
<li id="menu-item-469" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-469"><a href="http://localhost/blog-spot-2/the-open-blog/">The Open Blog</a></li>
<li id="menu-item-711" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-711"><a href="http://localhost/sites/">Sites</a></li>
</ul>