/    Sign up×
Community /Pin to ProfileBookmark

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

[COLOR=DarkOliveGreen][URL=http://www.billos.net/menu-test.htm]http://www.billos.net/menu-test.htm[/URL]

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[/COLOR]

to post a comment
CSS

4 Comments(s)

Copy linkTweet thisAlerts:
@BonRougeFeb 17.2006 — 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.
Copy linkTweet thisAlerts:
@hitecbillauthorFeb 20.2006 — 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:

[COLOR=DarkRed] <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>[/COLOR]


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

bah!
Copy linkTweet thisAlerts:
@hitecbillauthorFeb 20.2006 — 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
Copy linkTweet thisAlerts:
@hitecbillauthorFeb 23.2006 — 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...
×

Success!

Help @hitecbill spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...