menu height

Please note that official support for this menu version has now ceased. There are still plenty of users, though, and the forum is still running. Some of our long-time users may be able to help you out.
Post Reply
indianlore
Beginner
Beginner
Posts: 1
Joined: Fri Apr 25, 2003 1:40 pm

menu height

Post by indianlore » Fri Apr 25, 2003 1:44 pm

Hi there,

Is there any way to tweak the menu height?

Thanks in advance

User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 » Sat Apr 26, 2003 7:34 am

You've come across something elusive! There is no built-in way to set menu height. It appears to be determined from the menu's font. The best workaround I've found involves the ol' tried-and-true one-pixel, transparent gif trick.

First, make a one-pixel, transparent .gif. You will insert that gif image on both sides of the Description Text in each menu item definition. Set the height attribute of each <img> tag to specify the height that you want. When the menu renders, it'll adjust its height to accomodate the transparent gifs. But it doesn't end there. If you just use the gifs, then your menu will be taller, but the menu text will appear along the bottom (not a problem if you like that appearance). So, to adjust the vertical positioning of the text, you'll surrount the menu text with an <a> tag, then apply a style to move the text. So, each menu item would be defined something like this:

Code: Select all

,"<img src=1px.gif border=0 height=25><a style='vertical-align:50%;'>Home</a><img src=1px.gif border=0 height=25>","theurl.htm",,,1
In the above example, the transparent gif file is called 1px.gif, and the height is set to 25px.

Looks cumbersome... I suppose because it is! But it worked for me. Again, I've found that it will only work if you put the transparent gif on both sides of the menu item's description text.

Hope that helps,

Kevin

Post Reply