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:43
Compatibility issues?
Poster: TallerMike
Dated: Friday February 13 2004 - 18:41:08 GMT
When I have the DOCTYPE set at the top of the page as follows:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- -IE 5.0 - IE 5.5 look fine
-IE 6.0 ignores the padding tags for the base menu item, and only showed the menu headers correct color after it was moused over
-NS7 ignores all of the padding tags for all of the items
The second thing I noticed was that in using the CSS style padding to set the 4 paddings, NS7 doesn't like the px to be after each of the sizes. IE didn't seem to care.
Here is my menu code:
Code:
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=100 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-37 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
// Main Menu Style
with(mainsubMenuStyle=new mm_style()){
onbgcolor="#F5F5F5";
oncolor="#000000";
offbgcolor="#FFFFFF";
offcolor="#000000";
padding="2 5 2 6";
fontsize="12px";
fontstyle="normal";
fontfamily="Arial, Verdana, Tahoma";
fontweight="bold";
pagecolor="white";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#FFFFFF";
subimage="arrow.gif";
subimagepadding="2";
onborder="1px solid #D3D3D3";
headercolor="6E6E6E";
}
// Sub Menus Style
with(subMenuStyle=new copyOf(mainsubMenuStyle)){
bordercolor="#D3D3D3";
borderstyle="solid";
borderwidth=1;
fontstyle="normal";
fontweight="";
padding="2 5 2 5";
overfilter="Shadow(color='#D3D3D3', Direction=135, Strength=3)";
}
GrayMenuHeader = "fontsize=11px;fontweight=normal;padding=2 5 2 10;"
BlueMenu = "oncolor=#01669A;offcolor=#01669A;padding=2 5 2 10;"
with(milonic=new menuname("Main Menu")){
style=mainsubMenuStyle;
top=156;
left=17;
itemwidth=175;
alwaysvisible=1;
orientation="vertical";
aI("text=;");
aI("text=Home;url=http://www.myDomain.com/;status=Back To Home Page;");
aI("text=Products & Services;");
aI("text=BridgeMaster E Menu:;type=header;" + GrayMenuHeader);
aI("text=Product Homepage;" + BlueMenu);
aI("text=Introduction;showmenu=Introduction;" + BlueMenu);
aI("text=Features;" + BlueMenu);
aI("text=System Configuration;" + BlueMenu);
aI("text=Other Literature;" + BlueMenu);
aI("text=Customer Support;");
aI("text=Company Information;");
aI("text=Type Approvals;");
aI("text=Contact Us;");
aI("text=Suppliers;");
}
_menuOpenDelay=100 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-37 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
// Main Menu Style
with(mainsubMenuStyle=new mm_style()){
onbgcolor="#F5F5F5";
oncolor="#000000";
offbgcolor="#FFFFFF";
offcolor="#000000";
padding="2 5 2 6";
fontsize="12px";
fontstyle="normal";
fontfamily="Arial, Verdana, Tahoma";
fontweight="bold";
pagecolor="white";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#FFFFFF";
subimage="arrow.gif";
subimagepadding="2";
onborder="1px solid #D3D3D3";
headercolor="6E6E6E";
}
// Sub Menus Style
with(subMenuStyle=new copyOf(mainsubMenuStyle)){
bordercolor="#D3D3D3";
borderstyle="solid";
borderwidth=1;
fontstyle="normal";
fontweight="";
padding="2 5 2 5";
overfilter="Shadow(color='#D3D3D3', Direction=135, Strength=3)";
}
GrayMenuHeader = "fontsize=11px;fontweight=normal;padding=2 5 2 10;"
BlueMenu = "oncolor=#01669A;offcolor=#01669A;padding=2 5 2 10;"
with(milonic=new menuname("Main Menu")){
style=mainsubMenuStyle;
top=156;
left=17;
itemwidth=175;
alwaysvisible=1;
orientation="vertical";
aI("text=;");
aI("text=Home;url=http://www.myDomain.com/;status=Back To Home Page;");
aI("text=Products & Services;");
aI("text=BridgeMaster E Menu:;type=header;" + GrayMenuHeader);
aI("text=Product Homepage;" + BlueMenu);
aI("text=Introduction;showmenu=Introduction;" + BlueMenu);
aI("text=Features;" + BlueMenu);
aI("text=System Configuration;" + BlueMenu);
aI("text=Other Literature;" + BlueMenu);
aI("text=Customer Support;");
aI("text=Company Information;");
aI("text=Type Approvals;");
aI("text=Contact Us;");
aI("text=Suppliers;");
}
Please note that I removed the submenus to save some space in the post