Autor
El código para que sea una barra fija ya se lo puse a mi css .
Código:
#menu{position:fixed;top:0px}Ahora como puedo hacer para que se abran abajo? (code) si puede ser<xd
Si no me entienden pidanme informacion mas detallada xd , salu2 y gracias et
EDITO:
adjunto el menu y el css :
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
<body style="background: #151515">
<div id="menu-wrapper">
<ul id="hmenu">
<li><A HREF="index.html" target="ventana"><IMG SRC="IMAGENES/Placote.png" >
</a></li>
<li><A HREF="index.html" target="ventana">Inicio</a></li>
<li><a href="peliculasindex.html" target="ventana">Grupo</a>
<ul class="sub-menu">
<li><A HREF="FRAMEGRUPO.html" target="ventana">Lista</a></li>
<li><a href="" target="ventana">Comparte una con nosotros</a></li>
</ul>
</li>
<li><a href="seriesindex.html" target="ventana">WebsFan Amigas</a>
<ul class="sub-menu">
<li><a href="FRAMESERIES.html" target="ventana">Lista</a></li>
<li><a href="" target="ventana">Comparte una con nosotros</a></li>
</ul>
</li>
<li><a href="juegosindex.html" target="ventana">Videos</a>
<ul class="sub-menu">
<li><a href="FRAMEJUEGOS.html" target="ventana">Lista</a></li>
<li><a href="" target="ventana">Comparte una con nosotros</a></li>
</ul>
</li>
<li><a href="contacto.html" target="ventana">Contacto</a></li>
</ul>
</div>
</body>
</html>
Código:
@charset "utf-8";
/* CSS Document */
body{margin:0;
font-family: JudasPriest;
font-size:14px;
}
#menu{position:fixed;top:0px}
}
#menu-wrapper ul{padding:0;
list-style:none;
}
#hmenu > li{
display: inline-block;
}
#hmenu > li > a{
display: block;
padding: 10px 5px;
widht: 90px;
}
li ul{
position: absolute;
display:none;
}
.sub-menu a{
display: block;
padding: 10px 5px;
width: 130px;
}
li:hover ul{
display: block;
}
#menu-wrapper, li ul{
background: #000000;
}
#hmenu {
width: 412px;
margin: 0;
}
#hmenu a{
color: #ff9800;
text-decoration:none;
font-weight: bold;
}
#hmenu li:hover{
background: #1C1C1C;
text-shadow: 0 0 2px #000;
}
PARA SER MAS CONCRETO , ALGO TIPO LA BARRA DE TUENTI.
En línea
