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
HTML Code:
solid 1px #cccccc; HTML Code:
none 1px #cccccc; |
All times are GMT -6. The time now is 07:36 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.