Gracias, hare la prueba con mi ejemplo
----- Original Message -----
From: Eva del Campo
To: Ovillo, la lista de CSS en castellano
Sent: Tuesday, April 10, 2007 8:57 PM
Subject: Re: [Ovillo] Centrar li's dentro de ul.
> De: ListaCss <[EMAIL PROTECTED]>
>
> Mi problema es que no sé el ancho del ul, quiero que sea "flexible" para un
%
> y resolución... y no consigo que los LI estén centrados, bueno mejor dicho
que
> el UL esté centrado, en cuanto le quito el ancho se va todo a la
izquierda...
La única forma que conozco para centrar los elementos de una lista
desconociendo su ancho, es utilizando display: inline para los li y
text-align center; para ul. Y por supuesto tienes que olvidarte de flotar
los li...
Te quedaría algo así:
<html>
<head>
<style>
ul#nav {
list-style: none;
margin: 0;
padding: 0.5em;
text-align: center;
background-color: green;
}
ul#nav li {
display: inline;
}
ul#nav li a {
text-align: center;
margin: 0 0.5em;
padding: 0.5em;
width: 5em;
background-color: yellow;
}
</style>
</head>
<body>
<ul id="nav">
<li><a href="index.php">Home</a></li>
<li><a href="index.php?accion=agregar">News</a></li>
<li><a href="index.php?accion=reportes">Gallery</a></li>
<li><a href="index.php?accion=busqueda">Mailing List</a></li>
<li><a href="index.php?accion=busqueda">Add Admin</a></li>
<li><a href="index.php?action=logout">Logout</a></li>
</ul>
</body>
</html>
xxxx
Eva
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
