obviamente soy nueva en esto, y solo estoy aprendiendo, asi q probablemente haya alguna boludes que haya pasado por alto y haga que me este fallando el menu...
El problema es que..tengo un body de 900 px, defino con diferentes divs, en encabezado, menu, cuerpo y pie de pagina...a todos les doy 900 px de width....pero el menu se me corre dejandome un margen...de unos 40 px aprox...
en el html el menu esta definido asi:
<div id="menu">
<ul type="none">
<li>uno</li>
<li>dos</li>
<li>tres</li>
<li>cuatro</li>
<li>cinco</li>
<li>seis</li>
<li>siete</li>
</ul>
</div>
en el css:
#menu{
width:900px;
margin:0;
padding:0;
}
#menu ul li:hover {
background-color:grey;
cursor: pointer;
}
#menu li{
border-width: 2px;
border-style: solid;
border-color: black;
display:inline;
font-weight:bold;
height:40px;
width:110px;
background-color:#A4A4A4;
float:left;
text-align:center;
text-decoration:none;
margin:0;
padding-top:8px;
}
le ponga el ancho que le ponga en #menu li siempre empieza 40px corridos con respecto al resto de la pagina..ysi me paso de los 900 lo manda para abajo..
bueno..espero su ayuda! gracias y saludos!
