No deberias aplicarlo en el menu home, news, gallery... y centrarlo? Es una sugerencia.
Un cordial saludo de SantosVZ -----Mensaje original----- De: Ardilla Roja [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 16 de Marzo de 2007 10:16 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar li's dentro de ul. Bueno, tome tu ejemplo, y claro que funciono.. creo que mi problema es que dentro tengo los <a> como block.. o algo asi.. :S les dejo un screenshot (no puedo mostrarles el sitio porque es una pagina 'privada'): http://archivos.kamikaze.com.mx/screen_bb.jpg y el CSS: #navigation { height: 65px; background-color: #CC6600; background-image: url(../imgs/menu_background.jpg); background-repeat: no-repeat; background-position: center center; } #navigation ul, #navigation ul li { list-style: none; margin: 0; padding: 0; } #navigation ul { text-align: center; } #navigation ul li { float: left; /* display: inline; */ } #navigation ul li a { display: block; width: 70px; height: 50px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; color: #FFFFFF; background-color: #BB4527; background-image: url(../imgs/menu_background_li.jpg); background-repeat: no-repeat; background-position: center center; } #navigation ul li a:hover { text-decoration: underline; } y el html: <div id="navigation"> <ul> <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> </div> ya volvi a probar/mover/quitar/poner pero no logro centrar esa cosa =( gracias x la atencion On 3/15/07, Santos Corrales <[EMAIL PROTECTED]> wrote: > 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 > _______________________________________________ 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
