Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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
If I remove the line, everything works fine. What's up with that? Removing the DTD URL fixed the problems in IE 6, but I think NS7 still had issues.

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


Please note that I removed the submenus to save some space in the post