hola chicos perdon soy nuevo, nose si va aca,
pero me pasa que cuando activo el menu osea los <ul>
el div#search se me baja osea pierde la alineacion y queda mas abajo que el resto.
sera una propiedad de CSS o estoy ubicando mal los divs??
agradezco la ayuda!!!
Código HTML:
Ver original <!-- <ul id="hmenu">
<li><a href="#">home</a></li>
<li><a href="#">nosotros</a></li>
<li><a href="#">servicios</a>
<ul class="sub-menu">
<li><a href="#">electricidad</a></li>
<li><a href="#">seguridad</a></li>
</ul>
</li>
<li><a href="#">clientes</a></li>
<li><a href="#">catálogo</a>
<ul class="sub-menu">
<li><a href="#">electricidad</a></li>
<li><a href="#">seguridad</a></li>
</ul>
</li>
<li><a href="#">proveedores</a> </li>
</ul> -->
-------------
Código CSS:
Ver originaldiv#general {
widht: 960px;
margin:auto;
height: 600px;
}
div#nav {
width:960px;
height:75px;
margin-top:10px;
margin-left:20px;
margin-right:20px;
}
div#loco {
width:184px;
height:75px;
float:left;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
}
div#menu {
margin-left:204px;
width: 570px;
height: 75px;
background-image:
url(../images/menu.jpg);
background-repeat:no-repeat;
text-align:center;
}
div#menu ul {
padding:0;
list-style:none;
}
div#menu, li ul {
background-color:#FFF;
text-decoration:none;
}
#hmenu {
width:570px;
height:45px;
}
#hmenu > li {
display:inline-block;
margin-top:50px;
}
#hmenu >li >a {
display:block;
padding:0px 3px ;
width:85px;
height:20px;
text-decoration:none;
color:#333;
}
#hmenu li:hover {
background-color:#09F;
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .5
}
li ul {
position:absolute;
display:none;
}
.sub-menu a{
display:block;
padding:10px 10px;
width:90px;
text-decoration:none;
color:#333;
}
li:hover ul{
display:block;
}
div#search {
float:left;
margin-left:599px;
width: 171px;
height: 75px;
background-image:url(../images/search.jpg);
background-repeat:no-repeat;
}