/    Sign up×
Community /Pin to ProfileBookmark

disecting css

Copy linkTweet thisAlerts:
Jan 16.2007

What part of this CSS actually makes the main-link hover state remain when the user moves their mouse down to the drop-down menu?

[url]http://www.cssplay.co.uk/menus/css/final_drop.css[/url]

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@gil_davisJan 16.2007 — I don't think any part of the CSS can do that. Hover is a pseudo class. If the mouse leaves the link, it will no longer show the hover state. The only CSS way of continuing the hover state is if the drop-down menu is inside the <A> tag. Otherwise, you would have to use JavaScript.
Copy linkTweet thisAlerts:
@novemberGreyauthorJan 17.2007 — hmm, maybe I'll repost in the javascript forum and ask her there
Copy linkTweet thisAlerts:
@CentauriJan 17.2007 — There is no javascript in that menu. For non-(IE6 and below) browsers, the hover is on the li element, and as the sub menu is nested in the li, the hover remains. For IE6 and below, the hover is on the a element (as IE doesn't recognise hover on anything else) and tables are employed to nest the sub menus within the a element.

Cheers

Graeme
×

Success!

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