[Php-avanzado] menu centrado horizontalmente

Matias Gea matigea en gmail.com
Jue Sep 18 13:20:20 ART 2008


Haciendo así me funcionó:

<div class="wrapper">
   <ul...
      ...
   </ul>
</div>

y el css:
a{
	text-decoration:none
}
a:hover{
	font-weight:bold;
	color:#0f0
}
a:active{
	color:#070
}
.wrapper{
	text-align: center;
}
ul{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color:#202;
	list-style:none;
	display: inline;
}
li {
	display: inline;
}

el padding: 0 es importante ya que por defecto las listas tienen un
padding-left bastante molesto si se usa sin list-style.

Saludos, Matias


Más información sobre la lista de distribución Php-avanzado