CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

A Messed up CSS Drop Down Menu

The ASP Free website provides in-depth information on the latest developer tools available from Microsoft. Our cadre of writers, highly experienced industry experts, reveals the best ways to use established technologies as well as new and emerging technologies. Our coverage of Microsoft's development and administration technologies is among the most respected in the IT industry today.

ASP Free and Iron Speed Designer are giving away $5,500+ in FREE licenses. Iron Speed's RAD CASE toolset can save up to 80% of your coding time. One free license per week, one perpetual license per month!
Download and Activate to enter!

Intel® Graphics Performance Analyzers is a powerful tool suite for analyzing and optimizing your games, media, and graphics-intensive applications. Used by some of the best developers on the planet, Intel GPA lets you maximize your app’s performance.

Tutorials | Forums

Download to Enter | Contest Rules
DOWNLOAD INTEL® GPA FOR FREE

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 31st, 2010, 07:38 PM
eagle132 eagle132 is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Feb 2010
Posts: 21 eagle132 User rank is Sergeant (500 - 2000 Reputation Level)eagle132 User rank is Sergeant (500 - 2000 Reputation Level)eagle132 User rank is Sergeant (500 - 2000 Reputation Level)eagle132 User rank is Sergeant (500 - 2000 Reputation Level)eagle132 User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 7 h 28 m 56 sec
Reputation Power: 0
Question A Messed up CSS Drop Down Menu
I'm trying to make a simple css dropdown menu for one link in my nav bar.

The website is:
http://www.blanchetrocker.com/

If you hover above "Products", you should see a drop down, but a few of the below layers overlap it, including the flash object, which cuts off submenu items.

It seems to me that the rest of the page is overlapping the dropdown menu when you hover over it, so as soon as you leave the little box that you originally hover over to see the submenu, the rest of the menu disappears.

Also, none of the other links work yet either because I was just trying to get this dropdown to work initially.

Any help is greatly appreciated!

EDIT: I added a z-index to the hidden drop down menu and it seems to have fixed my problem. Was this a good solution or should I be doing something else?
EDIT #2: Scratch that it only seems to work in FF, and in IE the flash object blocks the menu still.
Reply With Quote
  #2  
Old August 1st, 2010, 07:52 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 28th Plane (18500 - 18999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 18,934 Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level) 
Time spent in forums: 5 Months 1 Week 23 h 17 m 36 sec
Reputation Power: 3731
That's the purpose of the z-index property -- to control which layers appear above and below other layers. So, yes that solution is a good one.

Why it's not working in IE but is in FF is that the wmode property is set for the <embed>, but not the <object>.

Try this:
Code:
<object width="453" height="380">
	<param name="movie" value="carousel.swf">
	<param name="wmode" value="transparent">
	<embed src="carousel.swf" width="453" height="380" wmode="transparent"></embed>
</object>
__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > A Messed up CSS Drop Down Menu

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.

© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 2 - Follow our Sitemap