Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/08/2015, 03:27
santaclown
 
Fecha de Ingreso: agosto-2015
Mensajes: 20
Antigüedad: 8 años, 9 meses
Puntos: 1
Exclamación Problema con menu dropdown

Antes de nada soy nuevo en el foro , buenas llevo rato intentando dar con el problema pero me harte...

Estoy haciendo un menu, y cuando selecciono un boto se deberia abrir y dar mas opciones.
Os dejo el codigo probar vosotros mismos que no funciona y haber si encontramos el error xd.


Código:
<!DOCTYPE html>
<html>
<head>
<title>Menu DROPDOWN</title>
<style>
	
	body {
		font-size: 19px;
		background-color: #FF9966;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		padding: 20px;
		text-align: center;
		}
		
	#menudropdown ul {
		text-align: center;
		display: inline;
		list-style: none;
		float: center;
	
	}
	
	#menudropdown ul li {
		display: inline-block;
		position: relative;
		padding: 15px 20px;
		background-color: #fff;
		cursor: pointer;
		margin-right: -6px;
	
	}
	
	#menudropdown ul li:hover {
		background-color: #FF9966;
		color: #fff;
	}
	
	#menudropdown ul li ul {
		display: none;
		position: absolute;
		
		padding: 0;
		margin-right: -4px;
	}
	
	#menudropdown ul li ul li {
		display: block;
		background: #555; 
		color: #fff;
	}
	
	#menudropdown ul li ul li:hover {
		background-color: #484848;
		color: #fff;
	}

</style>
</head>
<body>
<nav id="menudropdown">
	<ul>
		<li>Inicio</li>
		<li>Portfolio</li>
		<li>Tienda
			<ul>
				<li>Comprar
					
					<ul>
						<li>Ropa</li>
						<li>Videojuegos</li>
					</ul>
				
				</li>
				<li>Vender</li>
				<li>Chat</li>
			</ul>
		</li>
		<li>Contacto</li>
		<li>Ayuda</li>
	</ul>
</nav>


</body>
</html>