can`t make item height smaller when submenu is added

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Soeren
Beginner
Beginner
Posts: 5
Joined: Fri Nov 19, 2004 12:26 pm

can`t make item height smaller when submenu is added

Post by Soeren »

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
User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz »

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
Soeren
Beginner
Beginner
Posts: 5
Joined: Fri Nov 19, 2004 12:26 pm

Post by Soeren »

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.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Try putting the Test sub-menu code below the Information (main) menu code in your _data file.
John
Soeren
Beginner
Beginner
Posts: 5
Joined: Fri Nov 19, 2004 12:26 pm

Post by Soeren »

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: Select all

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;");
}
Soeren
Beginner
Beginner
Posts: 5
Joined: Fri Nov 19, 2004 12:26 pm

Post by Soeren »

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!
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Great. Glad you got it.
John
Post Reply