Menú desplegable que pasa por delante y por detrás del resto de elementos

[quad22]

Estoy haciendo una página web en la que le he puesto un menú superior desplegable

El título, el menú desplegable, la imagen central y el footer están montados sobre una tabla.

Resulta que el menú desplegable, cuando se abre, lo hace correctamente cuando la imagen central es un archivo de imagen (se ven los ítems por delante de la imagen), pero cuando la imagen central es un slider no sé porqué razón el menú desplegable pasa por detrás del slider y, por lo tanto, no se ven los items.

La hoja de estilos que he aplicado es la misma para todas las páginas.

¿Porqué sucede esto?.

[quad22]

Lo he hecho con Dreamweaver.

[quad22]

... y lo he intentado de dos maneras diferentes:

1. Escribiendo código html desde la vista código y
2. Usando los menús Spry.

El resultado es el mismo: se ven los items cuando la imagen de debajo del menú es una imagen pero se esconden los intems cuando lo que hay debajo es un slider.

[minombreesmm]

Iniciado por quad22

... y lo he intentado de dos maneras diferentes:

1. Escribiendo código html desde la vista código y
2. Usando los menús Spry.

El resultado es el mismo: se ven los items cuando la imagen de debajo del menú es una imagen pero se esconden los intems cuando lo que hay debajo es un slider.

Te sugiero que le pongas la propiedad css z-index a cada div .

por ejemplo

Código CSS:

#slider{
  z-index:1;
}
#menu{
  z-index:2;
}
 

asi el slider quedara abajo y el menú arriba.

En realidad no tiene nada que ver si lo haces con Dreamweaver o Bloc de notas o Notepad++ o Sublimed text.. esos solo son entornos para que te guíes y te facilites al programar pero al fin de cuenta lo que programes va a tener la misma extensión.