hola, recien comienzo con CSS y estaba haciendo una pagina de prueba y no logro que el menu horizontal quede centrado dentro del contenedor
este es el CSS
Código PHP:
/*quita el borde superior*/
body{
margin:0;
padding:0;
}
#contenedor{
width:900px;
height:900px;
margin:auto;
}
#cabecera{
background-image:url('botones y banner/banner.jpg');
height:150px;
}
/*quita los puntitos de la lista*/
ul{
list-style:none;
}
/*la lista queda horizontal*/
#menu li{
margin:0 auto;
float:left;
}
/*quitar borde azul de los links de las imagenes*/
img
{
border:0;
}
y el html
Código PHP:
<html>
<head>
<title>Hot wheels de prueba</title>
<link href="estilos.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="menu">
<ul style="height: 104px; width: 860px;">
<li><a href="#"><img src="botones y banner/boton-inicio.jpg" alt="Inicio" /></a></li>
<li><a href="#"><img src="botones y banner/boton-nosotros.jpg" alt="Nosotros" /></a></li>
<li><a href="#"><img src="botones y banner/boton-galeria.jpg" alt="Galeria" /></a></li>
<li><a href="#">
<img src="botones y banner/boton-contacto.jpg" alt="Contacto" width="216" /></a></li>
</ul>
</div>
</div>
</body>
</html>
queda el espacio entre:
- la cabecera y el menu
- entre el menu y el contenedor
como hago para que todo quede centrado dentro del contenedor
y uno al lado del otro?
Saludos =)