Multiple menus show up differently / firefox problem

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jhohl
Beginner
Beginner
Posts: 3
Joined: Thu Feb 23, 2006 10:13 pm

Multiple menus show up differently / firefox problem

Post by jhohl »

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

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. Chart;url=orgchart.html;");
aI("text=Closings;");
aI("text=Press Releases;");
aI("text=References;");
aI("text=Video;");
aI("text=Contact Us;");

onclass="menuOnStyle";
offclass="menuOffStyle";
pageclass="menuPageStyle";
}
And the submenu:

Code: Select all

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
James R Hohl
Migru
Milonic Guru
Milonic Guru
Posts: 669
Joined: Tue Nov 01, 2005 8:22 pm
Location: Hamburg - Germany
Contact:

Post by Migru »

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://milonic.com/tablemenu.php

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

Michael
jhohl
Beginner
Beginner
Posts: 3
Joined: Thu Feb 23, 2006 10:13 pm

Post by jhohl »

Thanks! That actually helped alot and solved both issues.
James R Hohl
Post Reply