Setting the height of the menu, not the positioning

Poster: MsKitti
Dated: Friday November 1 2002 - 3:26:32 GMT

I think I can set the height of a menu. It seems that I did set the height in the last menu I laid out, but for the life of me I don't remember how.

I played around with all settings and nothing worked. Someone tell me please.

I am not talking about the positioning.

MsKitti
http://www.vizualelements.com

Poster: kevin3442
Dated: Friday November 1 2002 - 20:46:52 GMT

Far as I can tell, there is no direct means of controlling menu height; it seems to derive from the font size used for the menu. I tried a completely styles-based workaround, but I couldn't control the vertical position of the text in a horizontal menu (maybe a weakness in understanding CSS on my part). In the meantime, here's a workaround you could try:

(1) Set the menu's Padding to 0. (2) Insert a 1-pixel transparent gif on either side of the menu item's Description Text. (3) Height. Set the height within each <img> tag (both sides of Description Text) to the desired height of the menu. (4) Horizontal Padding. Because padding is set to 0, you can add horizontal space on either side of the Description Text by using &nbsp; or setting the width within each <img> tag. (5) Vertical Alignment. You'll probably find that your Description Text is now at the bottom of your menu item, with a lot of space above it. To handle that, I defined a class in my .css file: a.menulink {vertical-align: 50%;}. Then I surround my Desciption Text with an <a> tag using that class. A menu item definition would look something like this:

OK... it's a bit clunky, I admit! But it worked for me (I've only tested this on IE5.5 and IE6.0). Maybe it'll help set you in the right direction for an approach that works for you.

Hope that helps,

Kevin