Page Menu Bar
 

sorry to post yet another page menu bar question but I just can't get this right

http://digitalvillage.org.uk/blog/

I've increased the menu item font to 14px

how do I make the whole menu bar bigger - it looks smaller than the block containing the text. Also when sub-menu items drop down they do so from higher than they should (as if the menu bar were smaller than it should be)

The offset happens due to the "5px none" setting at "Border around all menu items" which gets applied to both the single menu tabs and the underlying menu bar but interpreted differently for the menu bar, should be

solid 1px #123456

To make the tabs bigger by adding more padding see http://forum.bytesforall.com/showthread.php?t=130 post #5

As for the 1px border, this menu compensates the 1px at other places, whatever you do I'd try to keep that at 1px or maybe try 0px or

solid 1px transparent

or

solid 1px inherit

The menu is prepared to be "without borders" (by setting border color = background color) in the first level but not to be without border in the 2nd and 3rd etc levels, too. At least it will probably not be perfectly aligned if you attempt to get different background colors for 1st and following levels, and no visible borders on any level.

Ok - that and the thread you referred to increased the size of the menu buttons but the rest of the horizontal bar (the grey bit) in which the menu items are, still looks smaller and this looks clumsy

how can I make the horizontal bar the same size as the nav buttons?

http://digitalvillage.org.uk/blog/

The setting "Border around all menu items" gets applied to the menu bar itself, too, and should be

instead of