/    Sign up×
Community /Pin to ProfileBookmark

Using Div to create popup menus

Copy linkTweet thisAlerts:
Oct 22.2003

I’ve been trying to use div, images and absolute position to create popup menus. When I mouseout of the div tag it closes the menu fine for IE but it only closes in Netscape on every second image within the same div tag. So if I’m using 4 image buttons divided by br, when I leave the div from image 1 and 3 it closes down fine in both. But if I leave the div from 2 or 4… wa waaaa… the popup sticks around.

Any help would be appreciated. It’s really beginning to get me frustrated.

Thanks.

to post a comment
JavaScript

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@GollumOct 22.2003 — sounds like an onmouseout problem of some kind. It's a little difficult to say without seeing the site - is there a URL or small example you could post?
Copy linkTweet thisAlerts:
@scurvyricketsauthorOct 22.2003 — Thanks Gollum,

I've uploaded the bare bones to http://www.thepetties.com/test/dd.html

You'll notice, when using netscape, if you exit the div from the second image (ie horizontally) then the mouseout doesn't kick in.

It does exactly what I want it to do in IE.


Thanks again.
Copy linkTweet thisAlerts:
@scurvyricketsauthorOct 23.2003 — Anyone have an idea?

This is the url http://www.thepetties.com/test/dd.html

Thanks.
Copy linkTweet thisAlerts:
@_Synk_Oct 23.2003 — I would use tables with colored backgrounds if I were you (as opposed to pics). That's just my opinion, although I've never seen a menu system done with pics before, it might be neat.

Can't really say much more than that, as I use IE instead of NS, and it works fine in IE.

EDIT: Oh, and by the way, it might be a good idea to shoot the menu div position as a negative X value to make sure that hyperlinks underneath can be clicked. I had this problem when I was making a set of menus and found that just b/c visibility:hidden didn't mean it wasn't there? just a tip...
Copy linkTweet thisAlerts:
@scurvyricketsauthorOct 23.2003 — I was playing with the table method a while ago. Maybe I'll go back and give it a whirl. I just need it to work cross-browser.

Thanks _Synk_
×

Success!

Help @scurvyrickets 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.21,
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,
)...