1 Nice..

Nice example! I tried to get something like this going a while back but failed miserably.

That extra padding on the top of the nav bar in the parent li sure is nice for getting over to the links and not losing the :hover…

posted at 05:55 am on March 30, 2005 by Mike P.

2 but are you using it?

Looks really good… but you gotta love the irony when the menus on the [url=“http://www.arkitrave.com/”]author’s own page[/url] don’t work in Safari. Perhaps they should be updated to use this hybrid. :)

posted at 06:40 am on March 30, 2005 by Will

3 Cascading menus vs. Flash objects?

Does this method (or any other that anyone has found) get around a common problem with cascading menu scripts vs. Flash objects?

You’ve probably seen what I’m talking about: user hovers on primary menu link, which activates drop-down menu, which appears underneath any Flash object that occupies the same page space.

I’ve yet to see a way to fix this. Help!

posted at 06:53 am on March 30, 2005 by Jay Small

4 re: Flash Objects

I don’t think there is a way to avoid that. As far as I know, Flash is just slapped down on top of anything and everything in it’s way.

posted at 07:09 am on March 30, 2005 by Sean

5 Hybrid CSS Dropdowns

Great, but everyone of these drop down menus I view say they work in all the browsers, but they never seem to work in Netscape 6.2.

I don’t know the percentage of people still using this browser, but I can’t wait to see one that works correctly in all the browsers version 5 upwards.

Still a very good job though!!

posted at 07:21 am on March 30, 2005 by david

6 Flash fix

Getting drop downs to sit on top of Flash is actually quite simple – simply set the wmode of the flash to transparent.

See it working here:

http://www.mayneweb.co.uk/

(suckerfish variation).

I’m not quite sure what this article offers that suckerfish drop downs don’t. Also, its not as accessible as it could be – you should be able to tab through the menus using your keyboard. Instead it relies on mouseovers only.

posted at 07:22 am on March 30, 2005 by Luke Redpath

7 re IE 6 Flashing

Very nice, if only i found this earlier…I spent hours trying to achieve this.

Some bad news: After checking out your final pretty version (link at bottom of tute) in IE 6 I regret to say the tabs are “flash”. They just seem to appear and disappear as they like when hovering over them…

And I used to think NN 4.7 was a killer, Internet Exploder really does take the cake when it comes to its css implementation.

posted at 07:25 am on March 30, 2005 by Richard

8 re: Flash Objects

When exporting your flash, you need to set the wmode correctly.

Macromedia has two tech notes that speak to this:
http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_15523

and

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201

Hope that helps.

posted at 07:26 am on March 30, 2005 by Ben Vaughan

9 re: re: IE 6 Flashing

Oh dang!

Seems like the issue is the ol’ “Check for newer versions of stored pages” option set to “Every visit to the page” casuing it.

Hmm, how annoying

posted at 07:30 am on March 30, 2005 by Richard

10 re: re: IE 6 Flashing

There’s also a custom http header your server can provide to IE the stops that behavior. Unfortunately, you will need to configure it or ask your ISP to.

posted at 07:34 am on March 30, 2005 by Ben Vaughan

Discussion Closed

New comments are not being accepted, but you are welcome to explore what people said before we closed the door.

Got something to say?

Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.

Create a new account or sign in below if you’d like to leave a comment.

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)