Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Hello, I made a drop down menu for a client that does not work in firefox. I did not test this before I launched it and now I need to fix it asap. The site url is
www.jrmhauling.com
The drop down menu is sippose to drop down on the services tab. I used a menu I found on the net, it is from :a list apart". Here is the code...
This is the script that makes it work
<script type="text/javascript"><!--//--><![CDATA[//><!--
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
Here is the unordered list<table cellspacing="0" cellpadding="o" width="1000">
<tr><td>
</td>
<td>
<ul id="nav"><li class="margin2"><div>Home</div></li>
<li><div>About Us</div></li>
<li>
<div>Services</div>
<ul><li> Container Rentals</li>
<li> Front Loading Containers</li>
<li> Rear Loading Containers</li>
<li> Roll Off Containers</li>
<li> Hauling and Recycling</li>
</ul></li>
<li><div>JRM Green</div></li>
<li><div>Careers</div></li>
<li><div>Contact Us</div></li></ul>
</td>
</tr></table>
From research I think it might have to do with a clear command. Not sure though. Can someone take a look, Thanks alot.

You have a lot more problems than the drop-down menu. The entire layout is jacked up in FF. Good luck with that.
Michael J

lulz :D
I can only suggest to have at least these in your quicklaunch bar when you're going to do (quality) layout development works.
And btw Opera and Safari shows the same result as Firefox.
---
Fubar

"Do all of their customers use Java?"
What does Java have to do with this? He has a JavaScript menu. Java is something entirely different. Althought he question is still valid.
Michael J

After the flurry of supportive responses that I have received with this question, I realize I need to cometely rewrite this site with straight CSS. I am working on it now.

Alright, I wrote the first page in CSS. I am running into a few problems with it though. I have a background image that is basically a 20px green border, on the left side of a 1022px white background with a recycling logo in the background. Because of this the truck image on the center right is an image not a background. Because of that the drop down menu appears behind the image. The best case on this is the menu is somehow put forward. This is what I have tried already.
-tried to make a 20px green square and put it on the left of the wrap and repeat all the way down thus allowing me to put the truckmin the background, didnt work.
-I played with the Z index on everything, didnt work.
-I tried making the white in the background pic transparent and the truck transparent, didnt work.
What are my options, I am lost?
The site is temporarily at
www.iwebexp.com

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |