Foros del Web » Creando para Internet » CSS »

Lista inline colgando de otra lista inline

Estas en el tema de Lista inline colgando de otra lista inline en el foro de CSS en Foros del Web. Hola queria montar un menu con listas en el cual la primera seccion sea en formato horizontal y al pinchar en una opcion aparezcan las ...
  #1 (permalink)  
Antiguo 30/06/2011, 04:26
Avatar de ramiguens  
Fecha de Ingreso: mayo-2011
Mensajes: 57
Antigüedad: 13 años, 7 meses
Puntos: 4
Lista inline colgando de otra lista inline

Hola queria montar un menu con listas en el cual la primera seccion sea en formato horizontal y al pinchar en una opcion aparezcan las siguientes subsecciones tambien en formato horizontal, si alguien me pudiera ayudar le estaria agradecido ya que al poner las siguiente subsecciones en "inline" me pone todo en vertical, gracias.

Seccion 1 Seccion2
Subseccion A Subseccion B Subseccion C Subseccion A Subseccion B
  #2 (permalink)  
Antiguo 30/06/2011, 04:52
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 10
Respuesta: Lista inline colgando de otra lista inline

Pon los LI con floats,
luego para que te haga bien el clear, después de la lista añadele las declaraciones de :after.


Prueba así, a ver si te va bien:

Código:
ul.menuPrincipal li{
	float:left;
	width:100px;
	etc...
}
ul.submenu{
	display:block;
	clear:both;
	width:800px;
}
ul.submenu li{
	float:left;
}

ul.menuPrincipal:after,
ul.submenu:after{
	content: ""; 
	display: block; 
	height: 0px; 
	clear: both;
}
  #3 (permalink)  
Antiguo 30/06/2011, 23:05
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 3 meses
Puntos: 59
Respuesta: Lista inline colgando de otra lista inline

Hola ramiguens
Aquí tienes algunos ejemplos de MENÚS DESPLEGABLES 100% CSS, de nuestro compañero Mikmoro:

http://www.araudi.net/Desplegables/m...plegable2.html

http://www.araudi.net/Desplegables/m...plegable4.html

http://www.araudi.net/Desplegables/m...legable12.html

Ver: MENÚS DESPLEGABLES 100% CSS.

Espero te sirvan para lo que quieres.

Saludos.

Etiquetas: inline, lista
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 03:53.