T
toby
Does anyone have an idea as to why the js does not work on the
horizontal drop down menu in IE 6? I have pretty much used exactly what
A List had posted in their article titled, "Drop-down Menus Horizontal
Style."
Any advice?
Thanks
<!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>
<style>
body {min-width:825px}/* for mozilla and good browsers*/
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>test.</title>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("frn_nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace
(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<link href="inc/2-COL-SLIDING_III.css" rel="stylesheet" type="text/css"
/>
<link href="inc/drop_down_menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<cfinclude template="inc/top_nav_left_nav.cfm">
<div id="frn_nav">
<ul id="frn_nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet
Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>
</div>
<cfinclude template="inc/bottom.cfm">
horizontal drop down menu in IE 6? I have pretty much used exactly what
A List had posted in their article titled, "Drop-down Menus Horizontal
Style."
Any advice?
Thanks
<!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>
<style>
body {min-width:825px}/* for mozilla and good browsers*/
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>test.</title>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("frn_nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace
(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<link href="inc/2-COL-SLIDING_III.css" rel="stylesheet" type="text/css"
/>
<link href="inc/drop_down_menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<cfinclude template="inc/top_nav_left_nav.cfm">
<div id="frn_nav">
<ul id="frn_nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet
Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>
</div>
<cfinclude template="inc/bottom.cfm">