/    Sign up×
Community /Pin to ProfileBookmark

Links in dropdown not properly clickable

Copy linkTweet thisAlerts:
Sep 21.2006

I made links in dropdowntables, but they are not properly selectable, as in, whever I , move my cursor downwards of the link and into the dropdown table, the dropdown dissapears again, I have to be really fast to click anything.

the CSS code is as following:

[CODE]ul {
padding: 0;
margin: 0;
list-style: none;
}

li {
float: left;
position: relative;
width: 100px;
list-style: none;
}

li ul {
display: none;
position: absolute;
top: 20px;
left: 0;
background-color=#000
}

li:hover ul, li.over ul{ display: block; }[/CODE]

I know the top is 20px but else it doesn’t fit, if you want to see how it works (well actually how it doesn’t fully work)
[url=http://thereturn.wc3campaigns.net/index.html]click here to see the website[/url]

in IE its most likely that its not viewable, this has to do with an inclomplete javascript that I am working on still in order to get it working in IE as well.

to post a comment
CSS

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelSep 22.2006 — Um hmm... -you've got 131 error/warnings in there not the least of which is a missing !doctype statement, so that just about guarantees that IE is going to throw a wobbly. :o Twice for instance, you spelled "align" as "aling" and no browser is going to render that as anything at all. :o

Nice background image. I like it. ?
Copy linkTweet thisAlerts:
@HellusiusauthorSep 22.2006 — Well thanks for the troubleshooting and comment, but that offcourse does not solve my issue, and about the doctype, I see alot of sites without them, but if it is that nessasary I will add it (can't image it of a real essence though).

but how about my problem
Copy linkTweet thisAlerts:
@HellusiusauthorSep 22.2006 — Natural bump

Suggestions anyone?
Copy linkTweet thisAlerts:
@ray326Sep 22.2006 — can't image it of a real essence though[/QUOTE]It's required to make all browsers render as much as possible alike.

For me the menus seem to work ok in Fx and not at all in IE.
Copy linkTweet thisAlerts:
@HellusiusauthorSep 22.2006 — I already wrote that, as you be able to see in my first post I am still working on the IE, but like said before, that doesn;t solve my problem, I need a [b]suggestion that prevents my dropdown menu from dissapearing too fast[/b]
Copy linkTweet thisAlerts:
@ray326Sep 23.2006 — I didn't see anything but IE mentioned there but as I said, for me the question is getting them to work AT ALL, much less "too fast". And that looks a lot like you're trying to :hover over elements other than A, which IE doesn't know about.
Copy linkTweet thisAlerts:
@BlueRainSep 24.2006 — The table borders are doing it. When the cursor leaves the top row there is no longer a hover event so the hovers disappear. You need to make the UL#nav without the table for it to work properly. Of course if you do that you lose the look you are trying to achieve, unless you use images.
Copy linkTweet thisAlerts:
@HellusiusauthorSep 25.2006 — got it solved

I used the following.

li ul {

display: none;

position: absolute;

top: 100%;

left: 0;

padding-top:2px;

} [/QUOTE]
×

Success!

Help @Hellusius 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.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...