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:17
Background Image FF vs IE...
Poster: jswidorski
Dated: Monday August 18 2008 - 17:21:20 BST
I have a menu __at__ http://cds-shelby.johnswidorski.com and It just does NOT work in IE... I don't know if it menu related or not.
Anybody have any thoughts?
Code:
<table width="800" cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td width="150"><a href="default.asp" ><img src="images/logo_top.png" border="0"></a></td>
<td width="650" align="right">
<table width="300" cellpadding="0" cellspacing="0" border="0">
<tr align="right"><td class="header_small"><a href="storelocator.asp">Store Locator</a></td><td class="header_small"><a href="contact.asp">Computer Configurator</a></td></tr>
<tr><td><br style="line-height: 5px;" /></td></tr>
<tr align="right"><td class="header_small"><a href="configurator.asp">Computer Configurator</a></td><td class="header_small"><a href="application.asp">Employment</a></td></tr>
<tr><td><br style="line-height: 5px;" /></td></tr>
<tr align="right"><td align="right"><img src="images/tools.gif" border="0" /></td><td bgcolor="#e3e3e3" > </td></tr>
</table>
</td>
</tr>
<tr height="40">
<td width="150"><img src="images/logo_bottom.png" border="0"></a></td>
<td width="650" align="left" height="40">
<script type="text/javascript">
with(milonic=new menuname("Main Menu"))
{
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("text=Home;url=default.asp");
aI("showmenu=InStoreServices;text=In-Store Services;url=services_instore.asp;");
aI("showmenu=OnSiteServices;text=On-Site Services;url=services_onsite.asp");
aI("text=Product Listing;url=/shop;");
aI("text=Web Design;url=webdesign.asp;");
aI("text=Classes;url=classes.asp;");
aI("text=Site Map;url=sitemap.asp;");
}
drawMenus();
</script>
</td>
</tr>
</table>
<tr valign="bottom">
<td width="150"><a href="default.asp" ><img src="images/logo_top.png" border="0"></a></td>
<td width="650" align="right">
<table width="300" cellpadding="0" cellspacing="0" border="0">
<tr align="right"><td class="header_small"><a href="storelocator.asp">Store Locator</a></td><td class="header_small"><a href="contact.asp">Computer Configurator</a></td></tr>
<tr><td><br style="line-height: 5px;" /></td></tr>
<tr align="right"><td class="header_small"><a href="configurator.asp">Computer Configurator</a></td><td class="header_small"><a href="application.asp">Employment</a></td></tr>
<tr><td><br style="line-height: 5px;" /></td></tr>
<tr align="right"><td align="right"><img src="images/tools.gif" border="0" /></td><td bgcolor="#e3e3e3" > </td></tr>
</table>
</td>
</tr>
<tr height="40">
<td width="150"><img src="images/logo_bottom.png" border="0"></a></td>
<td width="650" align="left" height="40">
<script type="text/javascript">
with(milonic=new menuname("Main Menu"))
{
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("text=Home;url=default.asp");
aI("showmenu=InStoreServices;text=In-Store Services;url=services_instore.asp;");
aI("showmenu=OnSiteServices;text=On-Site Services;url=services_onsite.asp");
aI("text=Product Listing;url=/shop;");
aI("text=Web Design;url=webdesign.asp;");
aI("text=Classes;url=classes.asp;");
aI("text=Site Map;url=sitemap.asp;");
}
drawMenus();
</script>
</td>
</tr>
</table>
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bgimage="images/button.png";
borderstyle="solid";
fontfamily="Arial, Verdana, Helvetica, Sans-Serif";
fontsize="95%";
fontweight="bold";
itemheight=40;
imagepadding=4;
offcolor="#000000";
overbgimage="images/button_over.png";
padding=10;
pagebgcolor="#009d00";
pagecolor="black";
separatorcolor="#cccccc";
separatorsize=1;
subimage="/images/arrow-down.gif";
subimagepadding=2;
}
with(submenuStyle=new menuStyle()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial, Verdana, Helvetica, Sans-Serif";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#dddddd";
headercolor="#000000";
offbgcolor="#dddddd";
offcolor="#000000";
onbgcolor="#dddddd";
oncolor="#000000";
outfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#FFFFFF";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="images/arrow-right.gif";
subimagepadding=2;
}
with(milonic=new menuname("InStoreServices")){
style=submenuStyle;
aI("text=Computer Repair;url=instore_computerrepair.asp;");
aI("text=Networking;url=instore_networking.asp;");
aI("text=Computer Maintenance;url=instore_computermaintenance.asp;");
aI("text=Hardware;url=instore_hardware.asp;");
}
with(milonic=new menuname("OnSiteServices")){
style=submenuStyle;
aI("text=Computer Repair;url=onsite_computerrepair.asp;");
aI("text=Networking;url=onsite_networking.asp;");
aI("text=Server Maintenance;url=onsite_servermaintenance.asp;");
aI("text=Hardware;url=onsite_hardware.asp;");
}
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bgimage="images/button.png";
borderstyle="solid";
fontfamily="Arial, Verdana, Helvetica, Sans-Serif";
fontsize="95%";
fontweight="bold";
itemheight=40;
imagepadding=4;
offcolor="#000000";
overbgimage="images/button_over.png";
padding=10;
pagebgcolor="#009d00";
pagecolor="black";
separatorcolor="#cccccc";
separatorsize=1;
subimage="/images/arrow-down.gif";
subimagepadding=2;
}
with(submenuStyle=new menuStyle()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial, Verdana, Helvetica, Sans-Serif";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#dddddd";
headercolor="#000000";
offbgcolor="#dddddd";
offcolor="#000000";
onbgcolor="#dddddd";
oncolor="#000000";
outfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#FFFFFF";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="images/arrow-right.gif";
subimagepadding=2;
}
with(milonic=new menuname("InStoreServices")){
style=submenuStyle;
aI("text=Computer Repair;url=instore_computerrepair.asp;");
aI("text=Networking;url=instore_networking.asp;");
aI("text=Computer Maintenance;url=instore_computermaintenance.asp;");
aI("text=Hardware;url=instore_hardware.asp;");
}
with(milonic=new menuname("OnSiteServices")){
style=submenuStyle;
aI("text=Computer Repair;url=onsite_computerrepair.asp;");
aI("text=Networking;url=onsite_networking.asp;");
aI("text=Server Maintenance;url=onsite_servermaintenance.asp;");
aI("text=Hardware;url=onsite_hardware.asp;");
}
Thanks, John
Re: Background Image FF vs IE...
Poster: jswidorski
Dated: Monday August 18 2008 - 18:08:53 BST
On a side note, the drop down does not appear to be working. I must be doing something stupid.
Thanks, John
Re: Background Image FF vs IE...
Poster: John
Dated: Monday August 18 2008 - 19:39:27 BST
First you need to update your menu code. You're running v5.792, current (required for help here in the forum) is v5.800.
Let us know how that goes.
Re: Background Image FF vs IE...
Poster: jswidorski
Dated: Monday August 18 2008 - 19:46:52 BST
Alright, I updated the code.
The image problem had to with the doc type, but the drop down is still now working.
Thanks in Advance, John
Re: Background Image FF vs IE...
Poster: Ruth
Dated: Tuesday August 19 2008 - 1:24:51 BST
Hi,
There is an error in your menu_data file.
In the menuStyle it says
Code:
with(menuStyle=new mm_style()){
but in the subMenuStyle it doesn't have =new mm_style, it says
Code:
with(submenuStyle=new menuStyle()){
Correct that new menuStyle to new mm_style and everything works fine
Ruth
Re: Background Image FF vs IE...
Poster: John
Dated: Tuesday August 19 2008 - 15:37:12 BST
Thanks for stepping in, Ruth. Sometimes the J.O.B. gets in the way of the forum...
Suggestion, js. Given today's modern browsers, you really need to apply a doctype to your pages. Based on how you're coding, I would suggest...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Re: Background Image FF vs IE...
Poster: John
Dated: Tuesday August 19 2008 - 15:51:17 BST
You can see it working at http://www.west.asu.edu/sa/testsite/index.html.