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";
}
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;");
}
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