Hi everyone,
I am currently working on creating drop down menus using css and javascript. I have written the code, completed the stylesheets and everything seems to be working fine except that in Netscape and Mozilla the mouseout attributes don't seem to be working entirely. Sometimes the dropdown menus will close and sometimes they stay open and you have to mouseover them again to get them to dissapear. Dreamweaver keeps giving me browser check errors saying that the onmouseover onmouseout attributes are not supported in Netscape (and I am going to guess Mozilla as well). I have included the code below and was wondering if anybody have a workaround for this problem? Thanks in advance.
Kaiman
Storm King Design
Here's the code for one of the menus:
<dl>
<dt onmouseover="javascript :show('smenu1');" title="About Us">About Us</dt>
<dd id="smenu1" onmouseover="javascript :show('smenu1');" onmouseout="javascript :show('');">
<ul>
<li><a href="#" title="Overview">Overview</a></li>
<li><a href="#" title="Instructors">Instructors</a></li>
<li><a href="#" title="Frequent Questions">Frequent Questions</a></li>
<li><a href="#" title="Testimonials">Testimonials</a></li>
<li><a href="#" title="Privacy Policy">Privacy Policy</a></li>
<li><a href="#" title="Site Map">Site Map</a></li>
</ul>
</dd>
</dl> |
