Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/04/2009, 08:57
Avatar de huspy
huspy
 
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!!!