PDA

View Full Version : Drop down scripts blocked by content slider picture



ongjoh
03-31-2009, 09:03 AM
1) Script Title: Drop Down Script and Content Slider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem:

I have installed the content slider and drop down from dynamic drive. however, when i mouse over the drop down, the content is blocked by the picture of the content slider script.

Please advice.

The URL is at http://www.vqsupport.info/hotdeals/

codeexploiter
03-31-2009, 09:47 AM
The submenu container div element should have a higher z-index value than the image container for eg: the div element whose ID is "aid5" should have a z-index CSS property value > 1. That is the z-index value of the image container that blocks the visibility of the submenus is 1 so give a z-index value > 1 to the submenu container elements.

ongjoh
04-01-2009, 07:02 AM
Hi,

Thank you for your message. may I know what is z-index as I cannot find that in my scripts. may i know what am i supposed to change to make this work?

Help is much appreciated.

Snookerman
04-01-2009, 01:15 PM
z-index is a value which decided in which order overlapping elements appear on a page. The element with the highest value will appear on top. To specify the z-index of an element use the z-index property with CSS, but note that z-indexing only works if the element has a specified position, e.g.:

element {
position: relative;
z-index: 1000;
}
To learn more about z-index, what this useful tutorial: http://css-tricks.com/video-screencasts/40-how-z-index-works/ (http://css-tricks.com/video-screencasts/40-how-z-index-works/)

Good luck!