Roll over not working with IE6

Discussion in 'HTML & Website Design' started by Fix Johnson, Aug 29, 2008.

  1. #1
    I am working on new website and rollovers are not working with IE 6, any help would be appreciated. The code is following:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Barrie Home Inspector - Thermal Detection Services</title>
    <!-- TemplateEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="resource-type" content="document" />
    <meta name="copyright" content="Copyright 2004, Barrie Home Inspector." />
    <meta name="keywords" content="barrie, home, inspector, inspection, thermal imaging, infared detection, alliston, orillia, wasaga beach, innisfil," />
    <meta name="description" content="Napoleon provides professional home inspections including Thermal Imaging, for Barrie, Alliston, Innisfil, Orillia and Simcoe County" />
    <meta name="DISTRIBUTION" content="GLOBAL" />
    <meta http-equiv="REPLY-TO" content="" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <script type="text/javascript" src="menufix.js"></script>

    <style type="text/css">
    <!--
    #home #nav #navitems img {
    }
    .style1 {
    font-size: 10px;
    font-weight: bold;
    color: #476374;
    }
    .style3 {font-size: 10px; font-weight: bold; color: #0000FF; }
    -->
    </style>
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    <body id="home" onload="MM_preloadImages('thermal images/wet_ceiling.gif','thermal images/extwall_ir.gif','thermal images/powerir.gif','thermal images/roofir.gif')">
    <div id="logo">
    <a href="index.htm"><img src="images/logo.gif" alt="Barrie Home Inspector" width="503" height="29" border="0" /><img src="images/logo-copy.gif" alt="$199.00 Inspections" width="300" height="54" /></a></div>

    <!-- nav -->

    <div id="nav">
    <ul id="navitems">
    <li><!-- TemplateBeginEditable name="Home" --><a href="index.htm"><img src="images/nav_home_off.gif" border="0" alt="Home" /></a><!-- TemplateEndEditable --></li>
    <li><!-- TemplateBeginEditable name="Inspections" --><img src="images/nav_inspections_off.gif" alt="The Inspection" border="1" /></a><!-- TemplateEndEditable -->
    <ul>
    <li><a href="contact.htm">Contact</a></li>
    <li><a href="FairPricingPolicy.html">Fair Pricing Policy</a></li>
    <li><a href="guarantee.htm">Guarantee</a></li>
    </ul>
    </li>
    <li><!-- TemplateBeginEditable name="Infared" --><img src="images/nav_infared_on.gif" alt="Infared"border="1" /></a><!-- TemplateEndEditable -->
    <ul>
    <li><a href="thermal.html">Thermal Imaging</a></li>
    <li><a href="thermal_images.htm">Thermal Images</a></li>
    </ul>
    </li>
    <li><!-- TemplateBeginEditable name="Services" --><img src="images/nav_services_off.gif" alt="Services" border="1" /></a><!-- TemplateEndEditable -->
    <ul>
    <li><a href="home_inspection.htm">Home Inspections</a></li>
    <li><a href="commercial_inspection.htm">Commercial Inspections</a></li>
    <li><a href="thermal_inspection.htm">Infared Inspections</a></li>
    </ul>
    </li>
    <li><!-- TemplateBeginEditable name="Team" --><img src="images/nav_team_off.gif" alt="The Team" border="1" /></a><!-- TemplateEndEditable -->
    <ul>
    <li><a href="roger_meet.html">Meet Roger</a></li>
    <li><a href="carl_meet.html">Meet Carl</a></li>
    <li><a href="brent_meet.htm">Meet Brent</a></li>
    </ul>
    </li>
    <li><!-- TemplateBeginEditable name="Qualifications" --><img src="images/nav_qualifications_off.gif" alt="Qualifications" border="0"/></a><!-- TemplateEndEditable -->
    <ul>
    <li><a href="roger.htm">Roger's Qualifications</a></li>
    <li><a href="carl.htm">Carl's Qualifications</a></li>
    <li><a href="brent.htm">Brent's Qualifications</a></li>
    </ul>
    </li>
    </ul>
    </div>

    <!-- end nav-->

    <div id="bg">

    <!-- head -->

    <div id="head">
    <img src="images/MainThermalImaging.gif" alt="ThermalimagingDetection" width="259" height="198" /><img src="images/ThermalpageBox.gif" alt="" width="521" height="198" border="1" /> </div>

    <!-- content -->
    <div id="content">
    <!-- content right -->
    <div id="contentRight"><!-- TemplateBeginEditable name="Right Side Editable Area" -->
    <div id="contentRight_right">
    <!-- software license-->
    <div class="contentBoxFold"> <img src="images/box_earmark.gif" alt=""/> </div>
    <div class="contentBox"> <img src="images/thermal-imaging.gif" alt="Thermal Imaging"/> <img src="images/thermalDetection.gif" alt="" />
    <p>Introducing the latest THERMAL IMAGING technology to provide our clients with the best possible home inspection available in Barrie and Simcoe County. Thermal Imaging allows us to identify deficiencies that are not visible to the naked eye. This allows us to protect you, our client, from unexpected costly repairs. Infared Detections identifies; lack of insulation, moisture problems, electrical hot spots and much more....</p>
    <ul class="link">
    <li>&nbsp;<a href="thermal.htm">Learn more</a></li>
    </ul>
    </div>
    <!-- resourses -->
    <div class="contentBoxFold"> <img src="images/box_earmark.gif" alt=""/> </div>
    <div class="contentBox">
    <h1>Resources</h1>
    <ul class="links">
    <li>&nbsp;<a href="resources.htm">About Napoleon Home Inspections</a></li>
    <li>&nbsp;<a href="meet.htm">Meet Our Staff</a></li>
    <li class="partners">&nbsp;<a href="partners.htm">Links to Partners</a></li>
    </ul>
    </div>
    </div>
    <!-- TemplateEndEditable -->
    <!-- why choose container-->
    <div id="contentRight_left"><!-- TemplateBeginEditable name="Center Image Area" --><img src="images/hm_whychoose_head.gif" alt="" /><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Center Text Area" -->
    <p align="center" class="style3">Roll Mouse Over To See<br />
    Thermal Imaging View </p>
    <p align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Thermal Image of Wall','','thermal images/wet_ceiling.gif',1)"><img src="thermal images/old_ceiling.gif" alt="What Your Professional Home Inspector Sees" name="Thermal Image of Wall" width="108" height="94" border="0" id="Thermal Image of Wall" /></a></p>
    <p align="center" class="style1">Normal Looking Ceiling</p>
    <p align="center" class="style1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Exterior Wall','','thermal images/extwall_ir.gif',1)"><img src="thermal images/extwall.gif" alt="What Is Your Inspector Missing" name="Exterior Wall" width="108" height="94" border="0" id="Exterior Wall" /></a></p>
    <p align="center" class="style1">Hidden Wall Defects</p>
    <p align="center" class="style1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Hot Spot in Electrical','','thermal images/powerir.gif',1)"><img src="thermal images/power_normal.gif" alt="Hidden Hot Spot Shows Up" name="Hot Spot in Electrical" width="122" height="94" border="0" id="Hot Spot in Electrical" /></a></p>
    <p align="center" class="style1">Hidden Hot Spot</p>
    <p align="center" class="style1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Moisture in Roof','','thermal images/roofir.gif',1)"><img src="thermal images/roof.gif" alt="Find the Moisture in the Roof" name="Moisture in Roof" width="122" height="94" border="0" id="Moisture in Roof" /></a></p>
    <p align="center" class="style1">Invisible Roof Moisture </p>
    <p align="center">&nbsp;</p>
    <!-- TemplateEndEditable --></div>
    </div>
    <!-- client quote containder (content left) -->
    <!-- TemplateBeginEditable name="Left Side Editable Area" -->
    <div id="contentLeft">
    <p><strong style="font-size:16px; color:#5E7B8C;">Thermal Images</strong></p>
    <p><strong>View these sample images and see why thermal imaging provides a more comprehensive home inspection. Today's professional home inspector uses the latest technology to find and identify deficiencies in your home or commercial building. Why take chances with your investment dollars? Choose a Professional for your next residential or commercial building inspection. As the only Professional Home Inspector in Simcoe County offering Thermal Imaging Technology the choice is clear. Choose Napoleon Home Inspections for your next purchase - Residential or Commercial</strong></p>
    </div>
    <!-- TemplateEndEditable -->
    <div style="clear:both"> </div>
    </div>
    <!--end content -->
    </div>
    <!--end bg -->

    <div id="footer">
    <p> <a href="index.htm">Home</a> | <a href="inspections.htm">Company</a> | <a href="infared.htm">Infared</a> | <a href="services.htm">Services</a> | <a href="meet.htm">The Team</a>| <a href="resources.htm">Resources</a> </p>
    <p class="copyright">&copy; 2003&ndash;2008 Barrie Home Inspector</p>
    </div>
    </body>
    </html>
     
    Fix Johnson, Aug 29, 2008 IP