Dropdown menu versus crossfading banner..... banner is winning

ajcrm125 - May 29, 2009 - 22:30

Ok you Java gurus....here's my situation:
I'm using drupal with the following theme:
http://www.signalkuppe.com/marinelli/

Notice the drop down menus on the top. Those are implemented by the
theme developer via javascript found here:
http://cherne.net/brian/resources/jquery.hoverIntent.html

Now, I went and added a crossfading banner as opposed to the static
one. I used the code from here:
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

It worked fine, BUT..... the drop down menus drop down behind the
banner... not in front of it.
Any ideas as to how I can get the menus to drop down in front of the
banner?
Thanks guys...

Z order

Cayenne - May 30, 2009 - 06:24

I had a similar problem

Read up on z-order and then set the elements in the correct stacking order. You can do this in css, I think, or the page template.

---------------------

"He's said to be outspoken, but nobody's actually seen anyone do it"

Yeah you have to add z-index:

JohnnyHa - May 30, 2009 - 11:05

Yeah you have to add
z-index: 1;
for example to get the drop down on top or
z-index: -1;
to get it behind :)

Did the same thing on my site yesterday. www.glhf.no/dev
But i cant have hover effects on the menu because of the slideshow i have. It wont focus properly. But its a minor thing :)

 
 

Drupal is a registered trademark of Dries Buytaert.