Foros del Web » Creando para Internet » HTML »

Problemas en: UL LI UL

Estas en el tema de Problemas en: UL LI UL en el foro de HTML en Foros del Web. Maldición, cuando llego al foro es porque ya no se que hacer, por tal motivo doy desde ya las gracias. El problema es muy sencillo, ...
  #1 (permalink)  
Antiguo 24/03/2011, 16:18
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años, 5 meses
Puntos: 5
Problemas en: UL LI UL

Maldición, cuando llego al foro es porque ya no se que hacer, por tal motivo doy desde ya las gracias.

El problema es muy sencillo, e creado mil veces menu desplegable con listas desordenadas y CSS.

El problema es que por alguna razón.
Código:
<ul class="menu_izquierdo">
	<li>Principal</li>
	<li>Musica</li>
		<ul class="sub1">
			<li>1</li>
			<li>1</li>
			<li>1</li>
		</ul>
	<li>Contacto</li>
	<li>Juegos</li>
</ul>
el ul "sub1" no me toma las propiedades que le asigno mas arriba en el CSS:
Código:
ul.menu_izquierdo
{
	list-style: none;
}
ul.menu_izquierdo li
{
	line-height: 20px;
	text-indent: 5px;
	background-image: url(../images/botonizq.jpg);
	height: 25px;
}
ul.menu_izquierdo li:hover
{
	background-image: url(../images/botonizq_hover.jpg)
}
ul.menu_izquiero li ul.sub1
{
	position: absolute;
	left: 150px;
	display: none;
}
ul.menu_izquierdo li:hover ul.sub1
{
	display: block;
}
Muchas gracias desde ya. un saludo!
  #2 (permalink)  
Antiguo 24/03/2011, 17:25
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 9 meses
Puntos: 192
Respuesta: Problemas en: UL LI UL

Dos cosas están mal:
1 -Pusiste: ul.menu_izquiero en lugar de ul.menu_izquierDo
2 -Tu emarcado es incorrecto. Pusiste:

Código HTML:
<li>Musica</li>
	<ul class="sub1">
		<li>1</li>
		<li>1</li>
		<li>1</li>
	</ul> 
Cuando debería ser:

Código HTML:
<li>Musica
	<ul class="sub1">
		<li>1</li>
		<li>1</li>
		<li>1</li>
	</ul>
</li> 
Es decir el ul.sub1 debe estar dentro de un <li> para que sean tomados por los selectores CSS y claro, para que el código HTML sea válido.
  #3 (permalink)  
Antiguo 24/03/2011, 17:33
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años, 5 meses
Puntos: 5
Respuesta: Problemas en: UL LI UL

Cita:
Iniciado por Naahuel Ver Mensaje
Dos cosas están mal:
1 -Pusiste: ul.menu_izquiero en lugar de ul.menu_izquierDo
2 -Tu emarcado es incorrecto. Pusiste:

Código HTML:
<li>Musica</li>
	<ul class="sub1">
		<li>1</li>
		<li>1</li>
		<li>1</li>
	</ul> 
Cuando debería ser:

Código HTML:
<li>Musica
	<ul class="sub1">
		<li>1</li>
		<li>1</li>
		<li>1</li>
	</ul>
</li> 
Es decir el ul.sub1 debe estar dentro de un <li> para que sean tomados por los selectores CSS y claro, para que el código HTML sea válido.
jejej, sabes que justamente me había dado cuenta recien de lo segundo que mensionas, pero de lo primero no

Muchas gracias, les cuento en minutos!. (muy observador)
  #4 (permalink)  
Antiguo 24/03/2011, 18:10
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años, 5 meses
Puntos: 5
Respuesta: Problemas en: UL LI UL

Bueno me fue muy bien, ya tengo todo bien posicionado, ahora por alguna razón los UL que se encuentran dentro de los LI no se ven, con firebug veo que están en donde deben estar, pero no se ven es como si estivieran por detras del bosy (?)

la URL para ver si me pueden ayudar es http://pruebasphp.host56.com/index.php

gracias!.

Etiquetas: Ninguno
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 06:30.