Foros del Web » Creando para Internet » CSS »

Submenu horizontal NO se sobrepone

Estas en el tema de Submenu horizontal NO se sobrepone en el foro de CSS en Foros del Web. Hola buenos dias, tengo un problema que no se como solucionarlo. He creado un menu horizontal el cual cuando pasas por encima de alguna opcion ...
  #1 (permalink)  
Antiguo 20/09/2012, 03:44
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 11 años, 6 meses
Puntos: 1
Submenu horizontal NO se sobrepone

Hola buenos dias, tengo un problema que no se como solucionarlo.

He creado un menu horizontal el cual cuando pasas por encima de alguna opcion se despliega un submenu horizontal. Bien, esto funciona cuando se despliega sobre ningun contenido.

Pero cuando se despliega sobre algun parrafo o alguna imagen se pierde el submenu y no se superpone al contenido de la pagina.

Esta creado con CSS y Jquery. Os paso el codigo CSS del menu.

Código:
#menuhorizontal{

margin-top:10px;
height:30px;
background-color: #09C;
border-top:solid 10px #e6eeff; 
}


#mh, #mh ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#mh a{
font-size: 13px;
font-family: Coda;
display:block;
padding:0px 5px;
border:1px solid #09C;
color:#e6eeff;
text-decoration:none;
background-color:#09C;
}

#mh a:hover{
background-color:#e6eeff;
color:#09C;
}

#mh li{
float:left;
position:relative;
}

#mh ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#mh li ul a{
width:12em;
height:auto;
float:left;
}

#mh ul ul{
top:auto;
}	

#mh li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#mh li:hover ul ul, #mh li:hover ul ul ul, #mh li:hover ul ul ul ul{
display:none;
}
#mh li:hover ul, #mh li li:hover ul, #mh li li li:hover ul, #mh li li li li:hover ul{
display:block;
}
Gracias
  #2 (permalink)  
Antiguo 20/09/2012, 08:28
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Submenu horizontal NO se sobrepone

¿Probaste usando z-index?
__________________
(:
  #3 (permalink)  
Antiguo 22/09/2012, 11:24
 
Fecha de Ingreso: septiembre-2012
Ubicación: Couña
Mensajes: 9
Antigüedad: 11 años, 6 meses
Puntos: 3
Respuesta: Submenu horizontal NO se sobrepone

Usa Z index, como dice Bonez, pero no te olvides que no funciona sin atribuirle un position. Así debería funcionar
  #4 (permalink)  
Antiguo 25/09/2012, 01:00
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Submenu horizontal NO se sobrepone

Gracias , funciona en toda la web , menos en una pagina que utilizo una clase php y jquery para crear un formulario.

Si le pongo Z-index se supernope pero el formulario queda como desactivado no puedo pulsar en los inputs para escribir. Y si no le opngo el z-index pues no se superpone.
  #5 (permalink)  
Antiguo 25/09/2012, 05:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Submenu horizontal NO se sobrepone

Es algo bastante lógico. Si quieres leer un libro y no abres la portada, difícilmente podrás leer más que la portada.
Si superpones un elemento a otro, el ratón obviamente actuará sobre lo que esté más por encima.
__________________
(:
  #6 (permalink)  
Antiguo 25/09/2012, 05:18
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Submenu horizontal NO se sobrepone

Entonces como se hace para tener un formulario y un menu deplegable.
  #7 (permalink)  
Antiguo 26/09/2012, 02:43
 
Fecha de Ingreso: septiembre-2012
Ubicación: Cuba
Mensajes: 67
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Submenu horizontal NO se sobrepone

Tambien me pasa con un slider en javascript que esta justo debajo del menu.

Si pongo z-index se sobrepone pero los controles del javascript quedan inservibles. Si no pongo z-index el menu se mete por detras del javascript y no se ve.

Etiquetas: contenido, horizontal, hover, sobrepone, submenu, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:01.