14/08/2015, 03:27
|
| | Fecha de Ingreso: agosto-2015
Mensajes: 20
Antigüedad: 9 años, 3 meses Puntos: 1 | |
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>
|