can`t make item height smaller when submenu is added

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:03

can`t make item height smaller when submenu is added

Poster: Soeren
Dated: Friday November 19 2004 - 13:14:04 GMT

Hi,

When I add a submenu to a main menu item, the height of the main menu
item increases. I would like it to stay the same as the other menu items which don`t have submenus.

I`ve tried adjusting this in the data file for the menu item itself and in it`s style with the parameters itemheight and margin. I can increase the height but can`t decrease it.

Could you please have a look at my test-site: http://www.mia-mai.de

In the left column if you drag your mouse over "Infos, Kontakt, Versand" you can see that the menu item TestSubSubMenu is double the height of the other menu items, because it has a submenu.

My data file is located here:

http://www.mia-mai.de/menu_data.js

Many thanks in advance. Your menu is a real treat!

Greets Soeren

Poster: Maz
Dated: Friday November 19 2004 - 16:08:44 GMT

I'm using Safari, I don't see anything different in size, I looked at your style sheet for anything that could effect the tables, looking at the 100% and 12px I couldn't determine if that was it.

Then I looked at your html and it starts with /table tr that looks a bit muddled, then there is more code after /html, it might need cleaning up a little, then you might need to locate the hidediv.js code to place the open menus above the moving images, because I see some problems where it goes on top.

What browser are you using? I would test the page without filters, or anything else that might be interfering.

Regards,
maz

Poster: Soeren
Dated: Friday November 19 2004 - 16:49:37 GMT

Maz wrote:

I'm using Safari, I don't see anything different in size, I looked at your style sheet for anything that could effect the tables, looking at the 100% and 12px I couldn't determine if that was it.

I`m using MS IE v.6 with SP2 and Netscape 7.1. Both of these show the menu item in the same way. I`m surprised Safari shows the menu item correct. Isn`t Safari an Apple browser?

I`ve corrected the things you pointed out but those weren`t causing the problem.

I also uploaded the hiding div`s js script to my server. But same issue.

Hmm, I`m a little stuck?

What I find strange is that the menu item inflates when a submenu or sublink is attached but stays in the correct height when on it`s own.

Poster: John
Dated: Friday November 19 2004 - 17:07:55 GMT

Try putting the Test sub-menu code below the Information (main) menu code in your _data file.

Poster: Soeren
Dated: Friday November 19 2004 - 17:23:03 GMT

John wrote:

Try putting the Test sub-menu code below the Information (main) menu code in your _data file.

I`ve changed the order now but it didn`t solve the problem unfotunately, this is my code:

Code:

with(milonic=new menuname("Information")){
style=menuStyleLeftColumnSub;
overflow="scroll";
aI("text=TestSubSubMenu;showmenu=Test;itemheight=0;margin=0;");
aI("text=Vertical Navigational Menu;url=/menusample2.php;");
aI("text=All Horizontal Menus;url=/menusample25.php;");
aI("text=Using The Popup Menu Function Fixed Position;url=/menusample3.php;");
}

with(milonic=new menuname("Test")){
itemheight=0;
margin=0;
style=menuStyleLeftColumnSub;
overflow="scroll";
aI("text=Test;url=/menusample3.php;");
}

Poster: Soeren
Dated: Saturday November 20 2004 - 16:49:19 GMT

Ok, now I found the culprit. It was my root stylesheet. There I had all sorts of definitions for <div>-Tags like padding etc. After removing this the menu is displayed correctly.

Thanks for your help!

Poster: John
Dated: Saturday November 20 2004 - 18:44:32 GMT

Great. Glad you got it.

Industrial Strength JavaScript and DHTML Menus

can`t make item height smaller when submenu is added