Adapta este ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>Centrado de li en ul</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
background: #FFF;
color: #000;
font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#navigation {
margin-top: 2em;
width: 600px;
margin:0 auto;
}
#navigation ul, #navigation ul li {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul {
text-align: center; /* posicionamiento centrado de ul */
}
#navigation ul li {
display: inline; /* posicionamiento en linea */
margin-right: .75em; /* separacion entre entre lista de enlaces */
}
#navigation ul li.last {
margin-right: 0;
}
/*
#navigation ul li a {
background: #AAF;
}
*/
#navigation ul li a:hover span {
color: #69C;
text-decoration: underline;
}
// -->
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#"><span>Enlace#1</span></a></li>
<li><a href="#"><span>Enlace#2</span></a></li>
<li><a href="#"><span>Enlace#3</span></a></li>
<li><a href="#"><span>Enlace#4</span></a></li>
<li><a href="#"><span>Enlace#5</span></a></li>
<li class="last"><a href="#"><span>Enlace#6</span></a></li>
</ul>
</div>
</body>
</html>
Un cordial saludo de SantosVZ
-----Mensaje original-----
De: Ardilla Roja [mailto:[EMAIL PROTECTED]
Enviado el: Lunes, 12 de Marzo de 2007 10:25 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Centrar li's dentro de ul.
Saludos a todos, aqui con uina duda...
Tengo esto:
<ul>
<li>texto</li
<li>otro texto</li>
<ul>
El ul mide 600px d ancho, esta inline... lo que quiero hacer, es que
los li's esten centrados dentro del ul... trate con lo de text-align
en el ul, con margin: 0 auto en los li y todas las ideas q se me
ocurrieron, pero nada.. :(
cualquier pista, bienvenida...
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
