Okay, so I created a drop down menu to list some links (I used views to create list). Anyway, I pieced together the drop down effect from a List Apart article and a couple of others I found online. To make a long story short, the drop down works as expected in FF and Chrome, etc. but (surprise!) its not working in IE. The drop down list falls behind other elements rendering the links useless.
The site is http://msvehicles.com. The gray tab in the center of the header with "GSA" and "HGAC" is where the drop down menu lives. The page is divided up into containers with the drop down menu residing in the header wrapper.
I tried adding a z-index to the container that holds the ul where the list is but that has not solved the IE problem. After spending the last 2 hours googling the issue, I turn to you guys for advice.
Comments
I seem to have fixed it. I
I seem to have fixed it.
I was adding the z-index to the ul tag to no effect. I was looking at how the page was set up and decided to try adding the z-index to the container that holds the whole tab and viola! It worked.
So thanks for listening.
I created the links inside the list with a view and just created regions inside the li tags to feed the views to. Not sure if that is the best solution but now that I got the z-index issue solved its doing the trick.
Is there a way to create a menu from a view? I have seem some really cool drop down menus with images included. If, for example, you wanted to add image, title and teaser to a "News" menu drop down, you would do this the same way I did or is there a way to feed a view as a "link" in a menu?
If you absolutely position
If you absolutely position the parent element, it should place it on top of everything else.
This is particularly chuffy when you have to deal with other elements that get z-indexed, like the output of Views Cycle.
See an example at http://www.proctors.org
Ryan Price
DrupalEasy Podcast
I was able to get it on top
I was able to get it on top of the other containers on the page by placing the z-index on the container that held the tab and the links itself. That worked in IE, FF and Chrome. I am going through some more material on how Positioning in CSS affects z-indexing.
Thanks for the assist.
The thing you're trying to
The thing you're trying to create is a "mega menu". I haven't done it myself. I would look first ay a module called menu attributes, but there are a few other things out there.
http://drupal.org/project/menu_attributes
http://drupal.org/project/megamenu
Ryan Price
DrupalEasy Podcast
Mega Menu! I love it! That is
Mega Menu! I love it! That is basically what I was talking about. I have seen examples ( with http://www.openthemagazine.com being my favorite example) I am going to check out mega menu and menu_attributes as well. Thanks for the info!