Multiple menus show up differently / firefox problem

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

Multiple menus show up differently / firefox problem

Poster: jhohl
Dated: Thursday February 23 2006 - 21:27:12 GMT

I have two separate problems with implementing Milonic menus. I have the latest version already.

I have a main menu and a sub menu that are set up as two different menus. The reason for this is that the client wants the sub menu to show up only when in the specific section and not as a drop down in other sections.

Problem 1: When I have the two menus included on the page, the menus are styled properly, but when I only have the main menu, there is a bit of space at the top and bottom of the menu that is not there when both menus are included. Here is the main menu:

Code:

with(menuStyle=new mm_style()){
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
offbgcolor="#0F639F";
offcolor="#ffffff";
onbgcolor="#000000";
oncolor="#ffffff";
padding=6;
pagebgcolor="#000000";
pagecolor="ffffff";
separatorpadding=6;
itemheight=18;   
}



with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
itemwidth="100";
menualign="left";
menuwidth="100%";
align="center";
retainClickValue=1; // Not sure what this one does
orientation="horizontal";
style=menuStyle;
aI("showmenu=Philosophy;text=Philosophy;url=index.html;pagematch=vision.html;");
aI("text=Resumes;url=resumes.html;");
aI("text=Org.&nbsp;Chart;url=orgchart.html;");
aI("text=Closings;");
aI("text=Press&nbsp;Releases;");
aI("text=References;");
aI("text=Video;");
aI("text=Contact&nbsp;Us;");

onclass="menuOnStyle";
offclass="menuOffStyle";
pageclass="menuPageStyle";
}

And the submenu:

Code:

with(subMenuStyle=new mm_style()){
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
offbgcolor="#070709";
offcolor="#ffffff";
onbgcolor="#070709";
oncolor="#ffffff";
separatorcolor="#ffffff";
separatorsize=1;
keepalive = 1;
padding=6;
separatorheight=10;
itemheight=18;   
}

with(milonic2=new menuname("Sub Menu")){

alwaysvisible=1;
position="relative";
itemwidth="180";
itemheight=10;
menualign="left";
menuwidth="100%";
align="center";
left=10;
retainClickValue=1; // Not sure what this one does
orientation="horizontal";
style=subMenuStyle;
aI("text=What Defines the Vision?;url=vision.html;");
aI("align=center;text=Applied Technology Systems;url=index.html;");
aI("text=The Marketing Approach;url=index.html;");
}

A live example of two menus is here: http://www.cpspress.com/palmer/index.html and an example of just one menu is here: http://www.cpspress.com/palmer/resumes.html.

Problem 2: In firefox, the space between the divider and the top and bottom of the menu in the second menu only shows the blue background of the main menu, as in this example: http://www.cpspress.com/palmer/index.html.

Can anyone suggest anything?

Thanks.

Jim

Poster: Migru
Dated: Friday February 24 2006 - 21:47:33 GMT

Hi

it seems that its not the way you have styled the menu, but the way you have placed the code in the html file, causing problems with cross-browser capability.

The correct way is explained here:

http://www.milonic.com/tablemenu.php

Please have a look at it and compare the suggestions made there with your html files.

Michael

Poster: jhohl
Dated: Wednesday March 1 2006 - 22:50:58 GMT

Thanks! That actually helped alot and solved both issues.

Industrial Strength JavaScript and DHTML Menus

Multiple menus show up differently / firefox problem