Foros del Web » Creando para Internet » CSS »

Submenu 3er nivel

Estas en el tema de Submenu 3er nivel en el foro de CSS en Foros del Web. Hola amigos Cómo puedo hacer para que el menú que estoy desarrollando se despliegue el submenu del 3er nivel? Proyectos > Subelemento 2 > 3er ...
  #1 (permalink)  
Antiguo 01/06/2018, 12:26
 
Fecha de Ingreso: abril-2010
Ubicación: Lima
Mensajes: 116
Antigüedad: 14 años
Puntos: 1
Submenu 3er nivel

Hola amigos
Cómo puedo hacer para que el menú que estoy desarrollando se despliegue el submenu del 3er nivel?
Proyectos > Subelemento 2 > 3er nivel
Espero puedan ayudarme ya que he intentado de varias formas y no me sale.
Envío enlace del proyecto

Saludos
  #2 (permalink)  
Antiguo 02/06/2018, 00:03
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Submenu 3er nivel

Me di el trabajo de revisar el código interno (que debiste colocar aquí) y noté que el menú en cascada está elaborado íntegramente con CSS. Muevo tu hilo al foro respectivo.

P. D.: Podrás hallar la solución si analizas la hoja de estilos. Solo replica el funcionamiento del nivel previo.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 02/06/2018, 12:34
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Submenu 3er nivel

Tu problema es el overflow, en los menús nunca debes usar overflow hidden si usas position absolute
  #4 (permalink)  
Antiguo 04/06/2018, 07:22
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Submenu 3er nivel

Como bien dice ArturoGallegos el overflow es lo que te esta molestando.
Proba con este codigo

Código CSS:
Ver original
  1. header nav ul li .children li {
  2.     display: block;
  3.     border-bottom: 1px solid rgba(255,255,255,.5);
  4. }
  5. header nav ul li .children2 {
  6.     display: block;
  7.     background: #f4dc35;
  8.     position: absolute;
  9.     left: 100%;
  10.     width: 150%;
  11.     z-index: 1000;
  12.     padding-left: 0;
  13.     top: 0;
  14. }

Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho

Etiquetas: jquery, nivel, submenu
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 01:14.