Foros del Web » Creando para Internet » CSS »

Ayuda: Problema con Submenu <ul><li>

Estas en el tema de Ayuda: Problema con Submenu <ul><li> en el foro de CSS en Foros del Web. Tengo un menú típico, con <ul> y <li>, pero se coloca abajo de un div padre que tiene y se ve así: Aquí la url ...
  #1 (permalink)  
Antiguo 02/09/2009, 02:45
 
Fecha de Ingreso: diciembre-2007
Mensajes: 169
Antigüedad: 10 años
Puntos: 6
Pregunta Ayuda: Problema con Submenu <ul><li>

Tengo un menú típico, con <ul> y <li>, pero se coloca abajo de un div padre que tiene y se ve así:


Aquí la url para que vean, el menú esta abajo: http://www.inspiracion.cl/maquetas/r...ex.php?cPath=1

Aquí el CSS del menú:
Código HTML:
	.widget ul{ margin:0; padding:0;}
	.widget ul li{list-style:none; position:relative;border-bottom:1px solid #ccc;z-index:2;}	
	.widget ul li a{ display:block; width:100%;  padding:3px 0 3px  2px; font-size:13px; color:#0c0d0f; text-decoration:none;}
	.widget ul li a:hover{color:#042d5c;}
	.widget ul li:hover ul{ display:block;}
		.widget ul li ul{position:absolute; left:206px; top:0;display:none; z-index:3;border-bottom:1px solid #ccc;width:130px;}
		.widget ul li ul li{ overflow:hidden;_height: 1%; border:1px solid #ccc; border-bottom:0;}
		.widget ul li ul li a{color:#111; width:130px; background:#fff; display:block;}
		.widget ul li ul li a:hover{color:#000;padding-left:5px; width:127px;}
gracias
__________________
Inspiracion
  #2 (permalink)  
Antiguo 02/09/2009, 03:18
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda: Problema con Submenu <ul><li>

Deja este selector así:
Cita:
.widget ul li ul {
border-bottom:1px solid #CCCCCC;
bottom:0;
display:none;
left:206px;
position:absolute;
width:130px;
z-index:3;
}
Verás que he cambiado tu top por mi bottom.

Un saludo

P.D.: Una opinión personal, si me la permites.
Creo que tu página ganará si cambias los iconos que tienes ahora por otros más "acordes". Los actuales se ven muy "clipart office 97".
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 02/09/2009, 12:24
 
Fecha de Ingreso: diciembre-2007
Mensajes: 169
Antigüedad: 10 años
Puntos: 6
Respuesta: Ayuda: Problema con Submenu <ul><li>

Gracias "Kseso?", ahora el menú se abre para arriba de esta manera:


Por lo menos ya no queda abajo de nada gracias.

Y los iconos lo cambiare pronto :D :D
__________________
Inspiracion
  #4 (permalink)  
Antiguo 02/09/2009, 13:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda: Problema con Submenu <ul><li>

jeje de eso se trataba... que salga arriba... pero bueno... te dio la solcion puedes darle bottom:-25px; segun le medi sale mas abajito sin salirse... nunca me habia topado con algo asi jaja... es interesante vere si hay alguna solucion...


el problema esta en "#container" con su "overflow" la unica solucion que le veo es quitarle este "overflow" y usar el fix odiado de
"<div style="clear:both;"></div>" nooooooooooooooooo jaja antes que termine este mismo div y listo chao y suerte!...

EDITO DE NUEVO: en resoluciones mas pequeñas se desaparece segun veo... en la mia no pero a mas chicas si... asi que seria bueno darle un margin-bottom a "#page" para que no pase chao y suerte!...

Última edición por alexk; 02/09/2009 a las 13:44 Razón: ups
  #5 (permalink)  
Antiguo 05/09/2009, 23:17
 
Fecha de Ingreso: diciembre-2007
Mensajes: 169
Antigüedad: 10 años
Puntos: 6
Respuesta: Ayuda: Problema con Submenu <ul><li>

Mil gracias!!!!!! Solucionado totalmente :D :D :D
__________________
Inspiracion
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 14:49.