Hace tiempo se trató este tema... ahora lo he repescado, porque quiero hacer
exactamente lo mismo, pero lo consigo.
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...
Sobre el ejemplo que dio Angel, mi ejemplo sería el siguiente:
<html>
<head>
<style>
ul#nav {
display: block;
/*width: 42em;*/
height: 3em;
margin: 0 auto;
background-color: green;
}
ul#nav, ul#nav li { list-style: none; padding: 0; }
ul#nav li { float: left; }
ul#nav li a {
display: block;
text-align: center;
margin: 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>
----- Original Message -----
From: Juan Jorge Muñoz Herrero
To: Ovillo, la lista de CSS en castellano
Sent: Tuesday, March 20, 2007 12:49 PM
Subject: Re: [Ovillo] Centrar li's dentro de ul.
No, de hecho así está mejor.
El día 20/03/07, Angel Martin Alganza <[EMAIL PROTECTED]> escribió:
>
> Hola,
>
> On Sat, Mar 17, 2007 at 10:45:33PM +0100, Karen Rodríguez wrote:
> > prueba esto en un archivo aparte,
>
> Esxiste alguna razón para utilizar los div's extra (envoltorios) en
> lugar de dar el estilo directamente a los elementos (ul en este caso)?
>
> Lo he simplificado como sigue:
>
> ---8<------------------------------------------------------------
>
> <html>
> <head>
> <style>
> ul#nav {
> display: block;
> width: 42em;
> height: 3em;
> margin: 0 auto;
> background-color: green;
> }
> ul#nav, ul#nav li { list-style: none; padding: 0; }
> ul#nav li { float: left; }
> ul#nav li a {
> display: block;
> text-align: center;
> margin: 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>
>
> ---8<------------------------------------------------------------
>
> --
> Angel Martin Alganza Tel +34 958 248 926
> Departamento de Genetica Fax +34 958 244 073
> Universidad de Granada mailto:[EMAIL PROTECTED]
> C/ Fuentenueva s/n http://www.ugr.es/~ama/
> E-18071 Granada, Spain JabberID [EMAIL PROTECTED]
> PGP Public key: http://www.ugr.es/~ama/ama-pgp-key
> 3EB2 967A 9404 6585 7086 8811 2CEC 2F81 9341 E591
> ------------------------------------------------------
> () ASCII Ribbon Campaign - http://www.asciiribbon.org/
> /\ Against all HTML e-mail and proprietary attachments
> Please avoid sending me Word or PowerPoint attachments
> http://linux.sgms-centre.com/advocacy/no-ms-office.php
> _______________________________________________
> 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
>
--
Juan J. Muñoz
http://www.taarq.com
_______________________________________________
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
