11/04/2009, 08:57
|
| | | Fecha de Ingreso: diciembre-2008 Ubicación: Málaga, España
Mensajes: 120
Antigüedad: 15 años, 11 meses Puntos: 2 | |
Centrar menu horizontal Buenas a todos!
Tengo un menú horizontal el qcual quiro que se centre, es decir, que tengan ocupen todo el contenedor y que entre enlaces tengan la misma separación. Aqui os dejo el menu:
css
#menu {
font: .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 5px;
background-color: blue;
width: 100%;
}
#menu ul, li {
list-style-type: none;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu li {
float: left;
padding-right: 5px;
}
#menu a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
padding: 3px 30px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 2px;
}
#menu a.activo {
background: #ACCFE8;
border-color: #F0F7FC;
}
#menu a:hover {
background: #DBEBF6;
}
xhtml
<div id="menu">
<ul>
<li><a class="activo" href="/">Inicio</a></li>
<li><a href="/empresa">Empresa</a></li>
<li><a href="/servicios">Servicios</a></li>
<li><a href="/clientes">Clientes</a></li>
<li><a href="/contacto">Contacto</a></li>
<li><a href="/empleo">Empleo</a></li>
</ul>
</div>
Saludos y Muchas Gracias!!! |