Foros del Web » Creando para Internet » CSS »

problemas con selectores

Estas en el tema de problemas con selectores en el foro de CSS en Foros del Web. estoy intentando hacer un menú desplegable con css.. y me esta dando varios problemas y aunque he visto varios ejemplos no acabo de enteder muy ...
  #1 (permalink)  
Antiguo 19/02/2012, 07:44
 
Fecha de Ingreso: diciembre-2010
Mensajes: 166
Antigüedad: 14 años
Puntos: 0
problemas con selectores

estoy intentando hacer un menú desplegable con css.. y me esta dando varios problemas y aunque he visto varios ejemplos no acabo de enteder muy bien el funcionamiento..

asi que he estado haciendo pruebas en un código muy sencillo pero no hay manera... a ver con ul.menu > ul selecciono los hijos "ul" de "ul.menu" y para mostrar el submenú ul.menu li:hover > ul que yo pienso que selecciona los ul hijos de un li:hover dentro de ul.menu o no? xD bueno en fin se agradece cualquier ayuda.

Código:
<html>
	<head>
	<style>
	.menu li{ display:inline; font-weight:bold;padding:5px; list-style-type:none;}
		ul.menu > ul {display:none;}
		ul.menu li:hover > ul{display:block;}
	</style>
	</head>
	<body>
	<ul class="menu">
		<li>libros</li>
			<ul>
				<li>- 2 de años</li>
				<li>2-4 años </li>
			</ul>
		<li>contacto</li>
		<li>Reseña</li>
	</ul>



	</body>
</html>
  #2 (permalink)  
Antiguo 19/02/2012, 08:10
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 11 meses
Puntos: 181
Respuesta: problemas con selectores

Lo mejor que te puedo aconsejar es te tomes 15 minutos de tu tiempo y leas sobre los selectores.

http://librosweb.es/css_avanzado/capitulo3.html



Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #3 (permalink)  
Antiguo 19/02/2012, 09:24
 
Fecha de Ingreso: febrero-2012
Mensajes: 84
Antigüedad: 12 años, 10 meses
Puntos: 14
Respuesta: problemas con selectores

Hola
Lo primero es poner links al menú.
Después, debes tener en cuenta que el submenu debe estar contenido en el ítem que lo despliega.

Código HTML:
Ver original
  1. <ul>
  2. <li>Item
  3. <ul class="submenu"><li></li></ul>
  4. </li>
  5. </ul>

El resto es posicionamiento.
[URL="http://jsfiddle.net/joseoliveras/W884Z/"]Aquí un ejemplo[/URL]

Última edición por joseoliveras; 19/02/2012 a las 09:31

Etiquetas: hover, html, selectores
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 23:24.