Hola a todos hace bastante leo los post y hoy es la primera vez que me registro y posteo por un problema que estoy teniendo. Tengo un menu realizado en css adentro de un div,
pero el menu no se despliega cuando paso el mouse sobre algun menu. los codigos son:
codigo html:
<div id="header">
<ul id="menu-horizontal">
<li><a href="#" >Inicio</a></li>
<li><a href="#" >Componentes</a></li>
<ul>
<li><a href="#" >Procesadores</a></li>
<li><a href="#" >Motherboards</a></li>
<li><a href="#" >Memoria</a></li>
<li><a href="#" >DiscoRigidos</a></li>
<li><a href="#" >Fuente</a></li>
<li><a href="#" t>Placa de Video</a></li>
<li><a href="#" >Monitores</a></li>
<li><a href="#" >Gabinetes</a></li>
<li><a href="#" >Audio</a></li>
<li><a href="#" >Impresoras</a></li>
</ul>
<li><a href="#" >Conectividad</a></li>
<li><a href="#" >Consolas</a></li>
<li><a href="gps.html" >GPS</a></li>
<li><a href="#" >Camaras</a></li>
<li><a href="#" >Servicios</a></li>
<li><a href="#" >Contactos</a></li>
</ul>
</div>
codigo para los div: css
#page {
min-height:100%;
width:930px;
min-width:930px;
max-width:930px;
margin:0px auto 20px;
padding:0pt 15px;
background-color:#000 80%;
}
body {
background-image: url(background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
#header {
position:absolute;
width:930px;
height:130px;
background-color:#000 ;
z-index:999;
}
#features {
position:absolute;
width:930px;
height:350px;
z-index:998;
top: 155px;
background-color:#000 transparent ;
}
codigo CSS para el menu:
ul#menu-horizontal li {
float: left;
display: inline;
position: relative;}
ul#menu-horizontal ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}
ul#menu-horizontal ul li {
display: block !important;
}
ul#menu-horizontal li:hover ul{
display: none;
}
ul#menu-horizontal li:hover ul{
display: block;
}
#menu-horizontal {
width:930px;
margin:0 auto;
}
#menu-horizontal li {
margin:0 1px;
width:98px;
min-height:19px;
text-align:center;
background:#000;
list-style:none;
padding:2px 0;
}
#menu-horizontal li:hover {
background:#999;
}
#menu-horizontal li a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#menu-horizontal li ul li{
float:none;
width:98px;
margin:1px 0;
}
COmo hago para que me aparezca el submenu cuando paso el mouse ?? saludos y gracias