need help on how to hide on mouseout (drop down menu)

[hitecbill]

http://www.billos.net/menu-test.htm

the middle four menus don't hide on mouse out, but they do if the next menu item is selected? :rolleyes:

(view source)

any help would be much appreciated :)
cheers,
bill

[BonRouge]

The best thing to do is to change the menu to something like this:http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html

Otherwise, you can go through those tags that have the 'onmouseover' events and add an 'onmouseout' event to each one saying to hide the menu that you've just shown.

The first option's better, but the second one would be quicker to implement right now.

[hitecbill]

hi,

hmm, i tried an onmouseout, but it hides the verticle menu after the mouse outs from the first item...if u try the second menu item, which is drop down, the firstitem works, but the minute you move off the first item, to the second, it hides the whole drop down...

i tried it like this:
<div id="navlistV1" style="position: absolute; left: 72px; top: 30px; width: 120px; visibility: hidden" align="left" onMouseOut="MM_showHideLayers('navlistV1','','hide','navlistV2','','hide','navlistV3','','hide','navlistV4','',' hide')">
<ul>
<li><a href="#">menu1-1</a></li>
<li><a href="#">menu1-2</a></li>
<li><a href="#">menu1-3</a></li>
</ul>
</div>

...and with the onmouseout within the ahref, but both did the same thing...

bah!

[hitecbill]

i'm gonna try starting from scratch with that suckerfish thingy...

(i'll make sure i credit him in the code)

http://www.billos.net/new-menu-test.htm

[hitecbill]

http://www.billos.net/menubar.htm

looks nice!

i got source from here:
http://www.mywebstuff.com/02_css/css_07.html

i also tried this one:
http://www.csstree.com/examples/dropdowns.htm

but it was not as good, for me...