#1 [AYUDA] Menu horizontal con lista + css
Hola, estoy haciendo un menu horizontal con una lista...pero tengo un problema...
Encontre en internet dos formas de hacer que quede horizontal, una es con float:left y la otra es con display:inline ..ambos en li..
Pero tengo problema con ambos..
Si pongo float:left, no puedo dejar el fondo blanco del wrapper bien..
Y si pongo display:inline, no puedo acomodar las dimensiones para que salga bien el fondo del boton..
Les dejo adjunto las dos capturas de como sale..
Alguien sabe como soluciono esto?
Aca esta el codigo:
este es el css:
Muchas gracias por adelantado...
seguro ustedes me lo sabran resolver..y si no es porque no se puede
Saludos!
pd: no la pagina no es un header y un menu ...es que la estoy armando recien XD
Encontre en internet dos formas de hacer que quede horizontal, una es con float:left y la otra es con display:inline ..ambos en li..
Pero tengo problema con ambos..
Si pongo float:left, no puedo dejar el fondo blanco del wrapper bien..
Y si pongo display:inline, no puedo acomodar las dimensiones para que salga bien el fondo del boton..
Les dejo adjunto las dos capturas de como sale..
Alguien sabe como soluciono esto?
Aca esta el codigo:
Código:
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="botones">
<ul>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
</ul>
</div>
</div>
</body>
Código:
body{
background-color:#D6DAD7;
padding:0;
margin:0;
}
#wrapper{
width:750px;
margin:auto;
background-color:#FFFFFF;
}
#header{
background-image:url(images/header.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:125px;
width:730px;
margin:0 10px 0 10px;
}
#botones{
margin:5px 8.5px 0 8.5px;;
}
#botones ul{
list-style:none;
margin:0;
padding:0;
}
#botones ul li{
/* float:left; --> Sale mal el fondo */
/* display:inline --> No puedo dimensionar el boton */
background-image:url(images/boton.jpg);
width:70px;
height:90px;
margin:0 1.5px 0 1.5px;
}
seguro ustedes me lo sabran resolver..y si no es porque no se puede
Saludos!
pd: no la pagina no es un header y un menu ...es que la estoy armando recien XD
0
