By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,738 Members | 1,114 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,738 IT Pros & Developers. It's quick & easy.

CSS drop down menus in IE

P: n/a
abs

Hi!

I've made a drop down menu at my site following
the instructions in:

http://www.alistapart.com/articles/dropdowns/
This is a CSS menu with a javascript fix for the hover
bug in IE. I can get it to work in Mozilla/Firebird but it
doesn't work in IE.

The URL of my site is:

http://immersion.fotografist.com/
Here is the URL for the style sheet:

http://immersion.fotografist.com/scripts/styles.css
The javascript for the IE bug:

<script type="text/javascript">
<!--

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

//-->
</script>

And, finally, a piece of the HTML code for the
menu:

<ul id="nav">
<li><div><a href="/forum" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('forum','','/images/es/forumon.gif',1)"><img
src="/images/es/forum.gif" name="forum" border="0" alt=""
title=""></a></div></li>
<li><div><a href="/pages/es/links.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('links','','/images/es/linkson.gif',1)"><img
src="/images/es/links.gif" name="links" border="0" alt=""
title=""></a></div></li>
<li><div><a href="/pages/es/download.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('download','','/images/es/downloadon.gif',1)"><img
src="/images/es/download.gif" name="download" border="0" alt=""
title=""></a></div></li>
<li>
<div><a href="" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('games','','/images/es/gameson.gif',1)"><img
src="/images/es/games.gif" name="games" border="0" alt=""
title=""></a></div>
<ul>
<li><a href="/pages/es/gamesracingspirit.html">racing spirit</a></li>
<li><a href="/pages/es/gamesfurpuppies.html">fur puppies</a></li>
</ul>
</li>
<li><div><a href="/pages/es/info.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('info','','/images/es/infoon.gif',1)"><img
src="/images/es/info.gif" name="info" border="0" alt=""
title=""></a></div></li>
</ul>
Have any of you ever used this kind of menu ? Have you made it work ?
Can you see any error in mine ?
Thanks in advance
--
Abs

Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
It doesnt work for me in any browser. and yes i have tried in
mozilla/firebird!

Rene
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.