Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
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. 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";
}
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:
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;");
}
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