Log in

View Full Version : Drop-down menu hidden behind .js slideshow script



varneykr
07-12-2011, 07:02 PM
Hello. I have tried the many great solutions posted here to get my drop down menu to show over the slideshow, but I can't get it to work. Have tried z-index several different ways with no luck. Any help is appreciated...

http://www.kimvarneychandler.com/ACPS/index.html#

The drop down is on "gallery" link.

Thanks.

jscheuer1
07-12-2011, 09:29 PM
Add the highlighted style as shown to the navigation section of the default.css file:


/*-----------------------------------------------*/
/*--------------- NAVIGATION ---------------*/
/*---------------------------------------------*/

/* vertical menu ---------------*/

#v_navcontainer { margin: 20px 0 30px; padding: 20px;

}

#v_navcontainer, #v_navcontainer * {
z-index: 10;
position: relative;
}

#v_navcontainer ul {margin: 0;
padding: 0;
width: 120px;
list-style-type: none;}

#v_navcontainer ul li {
position: relative;
}

#v_navcontainer li ul {
posi . . .

varneykr
07-12-2011, 10:18 PM
Thank you for your help. That did move the drop down over the white space around the photos... so I assume it's on the right div area and not on the slideshow1image area?

Could I set something for that using z-index?

I really appreciate this.

varneykr
07-12-2011, 10:19 PM
Nope, it worked! You are a genius! Thank you so very, very much!!!!!