Menus created with CSS3 and JS and is not working with IE10

664 Expert 512MB

Hello Everyone:
I have a problem with IE10 in which my drop down menus are not working. I did not create these menu I inherit this project from work. I don't want to do this
Use Compatibility View in Internet Explorer for that is the solution.
Any help would be great.
Here is the site I'm working on
www.lightlaboratory.com

Here parts of my coding for css3

Expand|Select|Wrap|Line Numbers

 
/* MENU */

#menu { position:relative; float:left; margin-left:10px; font-size:14px;

    color: #ffffff;

    font-family:Verdana, Geneva, sans-serif; font-weight:200; margin:0 auto;}

#menu ul { list-style:none; width:960px;}

#menu ul li { display:inline; font-variant:small-caps;  font-size:14px;

    color: #ffffff;

    font-family:Verdana, Geneva, sans-serif; font-weight:200; text-align:center;}

#menu ul li a {text-decoration:none;  font-size:14px;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serifVerdana, Geneva, sans-serif; font-weight:200; padding-right:14px;}

#menu ul li a:hover {background-color:#ac231a;}

.menu_font{line-height:29px; padding-bottom:9px; padding-top:4px;}

JS code for the meuns

Expand|Select|Wrap|Line Numbers

 
// JavaScript Document
 
function bookmarksite(title, url){
 
if (document.all)

    window.external.AddFavorite(url, title);

        else if (window.sidebar)

        window.sidebar.addPanel(title, url, "")
 
}
 
function mmLoadMenus() {
 
if (window.mm_menu_0119103456_0) return;
 
window.mm_menu_0119103456_0 = new Menu("root",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);

    mm_menu_0119103456_0.addMenuItem("Our&nbsp;Mission","location='OurMission.html'");

    mm_menu_0119103456_0.addMenuItem("Facts&nbsp;Speak","location='Facts_speak.html'");

    mm_menu_0119103456_0.addMenuItem("Certification&nbsp;Accreditation","location='Certification.html'");

    mm_menu_0119103456_0.addMenuItem("Our&nbsp;Laboratory","location='OurLaboratory.html'");

    mm_menu_0119103456_0.addMenuItem("Our&nbsp;Clients ","location='OurClients.html'");

    mm_menu_0119103456_0.addMenuItem("Testimonials","location='testimonials.html'");

    mm_menu_0119103456_0.addMenuItem("Company&nbsp;Partners","location='CompanyPartners.html'");
 
mm_menu_0119103456_0.hideOnMouseOut=true;

mm_menu_0119103456_0.bgColor='#FFFFFF';

mm_menu_0119103456_0.menuBorder=1;

mm_menu_0119103456_0.menuLiteBgColor='#FFFFFF';

mm_menu_0119103456_0.menuBorderBgColor='#c4c4c4';
 
//sub menu to Video//   

 window.mm_menu_0119103456_1_0 = new Menu("Video",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);

  mm_menu_0119103456_1_0.addMenuItem("Services&nbsp;Provided&nbsp;by&nbsp;LLI","location='http://www.youtube.com/watch?v=ItaVJN5WBng'");
 
mm_menu_0119103456_1_0.hideOnMouseOut=true;

mm_menu_0119103456_1_0.bgColor='#FFFFFF';

mm_menu_0119103456_1_0.menuBorder=1;

mm_menu_0119103456_1_0.menuLiteBgColor='#FFFFFF';

mm_menu_0119103456_1_0.menuBorderBgColor='#c4c4c4';   
 
 //second nav for news and events//   
 
window.mm_menu_0119103456_1 = new Menu("root",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);

  mm_menu_0119103456_1.addMenuItem("News&nbsp;Events","location='News-Events.html'");

  mm_menu_0119103456_1.addMenuItem(mm_menu_0119103456_1_0,"location='videos.html'");

  mm_menu_0119103456_1.addMenuItem("CA&nbsp;Title&nbsp;24&nbsp;Workshop","location='CEC_Title_24_event.html'");

  mm_menu_0119103456_1.addMenuItem("CA&nbsp;Title&nbsp;24&nbsp;Workshop&nbsp;Form","location='CEC_Title_24_event_form.html'");
 
mm_menu_0119103456_1.hideOnMouseOut=true;

mm_menu_0119103456_1.childMenuIcon="http://bytes.com/images/arrows.gif";

mm_menu_0119103456_1.bgColor='#FFFFFF';

mm_menu_0119103456_1.menuBorder=1;

mm_menu_0119103456_1.menuLiteBgColor='#FFFFFF';

mm_menu_0119103456_1.menuBorderBgColor='#c4c4c4';
 
   //third
 
window.mm_menu_0119103456_3 = new Menu("root",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);
 
  mm_menu_0119103456_3.addMenuItem("CEC&nbsp;Title&nbsp;24","location='CEC_Title_24.html'");

  mm_menu_0119103456_3.addMenuItem("CEC&nbsp;Title&nbsp;24&nbsp;Workshop","location='CEC_Title_24_event.html'");

  mm_menu_0119103456_3.addMenuItem("DesignLighting&nbsp;Consortium<sup>®</sup>","location='dlc.html'");

  mm_menu_0119103456_3.addMenuItem("DLC&nbsp;101&nbsp;Basics","location='dlc_101.html'")  

  mm_menu_0119103456_3.addMenuItem("Engery&nbsp;Star","location='energy_star.html'");

  mm_menu_0119103456_3.addMenuItem("Lighting&nbsp;Facts","location='lighting-facts.html'");

  mm_menu_0119103456_3.addMenuItem("UL","location='ul.html'");
 
   mm_menu_0119103456_3.hideOnMouseOut=true;

   mm_menu_0119103456_3.bgColor='#FFFFFF';

   mm_menu_0119103456_3.menuBorder=1;

   mm_menu_0119103456_3.menuLiteBgColor='#FFFFFF';

   mm_menu_0119103456_3.menuBorderBgColor='#c4c4c4';
 
///////////fourth resources///////////
 
window.mm_menu_0119103456_4 = new Menu("root",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);

    mm_menu_0119103456_4.addMenuItem("DLC&nbsp;101&nbsp;Basics","location='dlc_101.html'")

    mm_menu_0119103456_4.addMenuItem("Customer&nbsp;Support","location='Customer-Support.html'");

    mm_menu_0119103456_4.addMenuItem("FAQ's","location='FAQ.html'");

    mm_menu_0119103456_4.addMenuItem("Getting&nbsp;Started","location='get_starting.html'");

    /*mm_menu_0119103456_4.addMenuItem("How&nbsp;to&nbsp;Interpret&nbsp;Your&nbsp;Report","location='Overview.html'");*/

    mm_menu_0119103456_4.addMenuItem("LED&nbsp;Testing","location='LED_testing.html'");

    mm_menu_0119103456_4.addMenuItem("Resources","location='Resources.html'");

    mm_menu_0119103456_4.addMenuItem("Services","location='Services.html'");

    mm_menu_0119103456_4.addMenuItem("Technical&nbsp;Referances","location='technical_referances.html'");    
 
mm_menu_0119103456_4.hideOnMouseOut=true;

mm_menu_0119103456_4.bgColor='#FFFFFF';

mm_menu_0119103456_4.menuBorder=1;

mm_menu_0119103456_4.menuLiteBgColor='#FFFFFF';

mm_menu_0119103456_4.menuBorderBgColor='#c4c4c4';
 
///////////fifth///////////
 
window.mm_menu_0119103456_5_4 = new Menu("Downloads",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#ffffff","#c4c4c4","left","middle",13,0,500,-5,7,true,true,true,0,true,true);

    mm_menu_0119103456_5_4.addMenuItem("Test&nbsp;Information&nbsp;Sheet","location='SSL-Product-Test-Sheet.xls'");

    mm_menu_0119103456_5_4.addMenuItem("Credit&nbsp;Card&nbsp;Authorization","location='CCAuthorization.pdf'");

    mm_menu_0119103456_5_4.addMenuItem("Credit&nbsp;Application","location='Download.html'");

    mm_menu_0119103456_5_4.addMenuItem("Sample&nbsp;Test&nbsp;Report","location='Download.html'");
 
mm_menu_0119103456_5_4.hideOnMouseOut=true;

mm_menu_0119103456_5_4.bgColor='#c4c4c4';

mm_menu_0119103456_5_4.menuBorder=1;

mm_menu_0119103456_5_4.menuLiteBgColor='#c4c4c4';

mm_menu_0119103456_5_4.menuBorderBgColor='#c4c4c4'; 
 
 window.mm_menu_0119103456_5 = new Menu("root",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);
 
    mm_menu_0119103456_5.addMenuItem("Contact&nbsp;Us","location='Contact.html'");

    /*mm_menu_0119103456_5.addMenuItem("FAQ","location='FAQ.html'"); */

    mm_menu_0119103456_5.addMenuItem("Quote&nbsp;Inquiry","location='request-a-quote1.html'");

    mm_menu_0119103456_5.addMenuItem(mm_menu_0119103456_5_4,"location='Download.html'");

    mm_menu_0119103456_5.addMenuItem("Resources","location='Resources.html'");
 
mm_menu_0119103456_5.hideOnMouseOut=true;

mm_menu_0119103456_5.childMenuIcon="http://bytes.com/images/arrows.gif";

mm_menu_0119103456_5.bgColor='#FFFFFF';

mm_menu_0119103456_5.menuBorder=1;

mm_menu_0119103456_5.menuLiteBgColor='#FFFFFF';

mm_menu_0119103456_5.menuBorderBgColor='#c4c4c4';
 
/////////sixth/////////

window.mm_menu_0119103456_6 = new Menu("root",180,27,"Arial, Verdana,  Helvetica, sans-serif",12,"#ac231a","#ac231a","#c4c4c4","#ffffff","left","middle",13,0,500,-5,7,true,true,true,0,true,true);

mm_menu_0119103456_6.addMenuItem("Services","location='Services.html'");

    mm_menu_0119103456_6.addMenuItem("Floodlight&nbsp;Photometry","location='Floodlight-photometry.html'");

    mm_menu_0119103456_6.addMenuItem("Indoor&nbsp;Photometry","location='indoor-photometry.html'");

    mm_menu_0119103456_6.addMenuItem("Roadway&nbsp;Photometry","location='roadway-photometry.html'");

    mm_menu_0119103456_6.addMenuItem("SSL&nbsp;Photometry","location='SSL-Photometry.html'");

    mm_menu_0119103456_6.addMenuItem("Additional&nbsp;Services","location='Additional-Services.html'");    

    mm_menu_0119103456_6.addMenuItem("LM-79","location='LM-79.html'");    

    mm_menu_0119103456_6.addMenuItem("LM-80","location='LM-80.html'");

    mm_menu_0119103456_6.addMenuItem("TM-21","location='TM-21.html'");    

    mm_menu_0119103456_6.addMenuItem("CEC&nbsp;Title&nbsp;24","location='CEC_Title_24.html'");

    mm_menu_0119103456_6.addMenuItem("CEC&nbsp;Title&nbsp;24&nbsp;Workshop","location='CEC_Title_24_event.html'");
 
mm_menu_0119103456_6.hideOnMouseOut=true;

mm_menu_0119103456_6.bgColor='#FFFFFF';

mm_menu_0119103456_6.menuBorder=1;

mm_menu_0119103456_6.menuLiteBgColor='#FFFFFF';

mm_menu_0119103456_6.menuBorderBgColor='#c4c4c4';
 
////////write/////////

   mm_menu_0119103456_0.writeMenus();
 
}

Part of my html menu only

Expand|Select|Wrap|Line Numbers

 
<div id="menu">

<ul>

    <li style="width:150px;"><a href='AboutUs.html' class='menu_font' name="image1" border="0" id="image1" title="" onMouseOver="MM_showMenu(window.mm_menu_0119103456_0,0,29,null,'image1')" onMouseOut="MM_startTimeout();">&nbsp;About Us</a></li>
 
    <li style="width:150px;"><a href='Services.html' class='menu_font' name="image6" border="0" id="image6" title="" onMouseOver="MM_showMenu(window.mm_menu_0119103456_6,0,29,null,'image6')" onMouseOut="MM_startTimeout();">&nbsp;Services</a></li>
 
 <li style="width:150px;"><a href='Certification.html' class='menu_font' name="image3" border="0" id="image3" title="" onMouseOver="MM_showMenu(window.mm_menu_0119103456_3,-2,30,null,'image3')" onMouseOut="MM_startTimeout();">&nbsp;Certification & Accreditation</a></li>    
 
    <li style="width:150px;"><a href='Resources.html' class='menu_font' name="image4" border="0" id="image4" title="" onMouseOver="MM_showMenu(window.mm_menu_0119103456_4,0,29,null,'image4')" onMouseOut="MM_startTimeout();">&nbsp;Resources</a></li>         
 
    <li style="width:150px;"><a href='News-Events.html' class='menu_font' name="image2" border="0" id="image2" title="" onMouseOver="MM_showMenu(window.mm_menu_0119103456_1,0,29,null,'image2')" onMouseOut="MM_startTimeout();">&nbsp;News & Events</a></li>  
 
    <li style="width:150px;"><a href='Customer-Support.html' class='menu_font' name="image5" border="0" id="image5" title="" onMouseOver="MM_showMenu(window.mm_menu_0119103456_5,0,29,null,'image5')" onMouseOut="MM_startTimeout();">&nbsp;Customer Support</a></li>
 
</ul>

</div>

Big thanks
Nomad

Oct 11 '13 #1

Subscribe Post Reply

1897

aswal

Try giving Document Type declaration to your HTML file.....then probably it will work on IE

Oct 29 '13 #2

by: elad | last post by:

Hi The Menu doesn't work properly when I have 2 frame and the Menu popup frame=document target frame, when I choose item in the menu the doc opened and the menu get stuck. Here is the code...

Javascript

CSS3 opacity support in Konqueror 3.1+ and Safari 1.1

by: DU | last post by:

According to a recent post, it seems that Konqueror 3.1+ and Safari 1.1 support CSS3 opacity style property under a proprietary name: "Support for the CSS3 opacity (using -khtml-opacity)...

HTML / CSS

CSS3?

by: Mark Johnson | last post by:

http://www.geo cities.com/seanmhall2003/css3/compat.html Anyone know if Firefox, say, implements just a tad more CSS3 than this? I was thinking of downloading. It's free, unlike Opera. ...

HTML / CSS

opacity -moz-opacity filter alpha transparency css3

by: Marek Mänd | last post by:

This posting will express my concern about the future of css3 forthcoming recommendation. I think for long time now, that the current implementation of CSS attribute opacity is less than usable...

HTML / CSS

Javascript menus (mm_menu) not forwarding http_referer

by: Ringo Langly | last post by:

Hi everyone, We're using an outside vendor to provide some content for our website, and they use the http_referer variable to verify their content is only viewed from subscribing customers. ...

Javascript

Restore Menus and Toolbars

by: cefrancke | last post by:

The only reason I ask is that no one has made this subject clear or given a definitive answer. What I would like to do is, after turning off all the menus/tbars/etc using the startup options. ...

Microsoft Access / VBA

Ownerdrawn menus not working with Notify Icon

by: Andre Nogueira | last post by:

Hi there. I have created a Windows Control Library project within my solution (using VB.Net 2003) and created a control which inherits the MenuItem class but takes cares of the drawing of the...

Visual Basic .NET

menus in php

by: Josh | last post by:

hi frns, currently i have web application in php which has its menus created in javascript. if we do view source on the page, it displays all the javascript which is obvious n natural. but it...

PHP

trouble with click events on dynamically created link buttons

by: Amoril | last post by:

I've read quite a few different message on various boards and for some reason I'm still having trouble wrapping my head around this viewstate maintenance and trying to get these dynamically created...

ASP.NET

multiple suckerfish menus dropdown z-index not working

by: pedalpete | last post by:

Hey Gang, More difficult to describe this than see it, so here's a link which shows the issue I'm having http://zifimusic.com/testing/broken-hovers.html I've been looking at this for quite a...

HTML / CSS

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Menus created with CSS3 and JS and is not working with IE10

Similar topics