[Php-avanzado] menu centrado horizontalmente
ale mercado
alemercado en gmail.com
Jue Sep 18 00:44:06 ART 2008
Lucas,
con estos atributos para la clase del ul debería funcionar:
margin-left:auto;
margin-right:auto;
display:table;
en Firefox y Safari funciona bien, aunque no probé en IE. Si lo probás
avisanos!
ale
2008/9/17 unes pacio <unespac en gmail.com>
> Hola gente, estoy tratando de hacer algo como esto * pero que quede
> centrado horizontalmente en la pantalla y por tonto que paresca no lo
> consigo (por lo que veo el unico atributo que me permite colocar un elemento
> al costado de otro es "float: left;" pero una vez que uso este el grupo de
> elementos que lo utilizan no puede ser centrado, ya sea que lo utilce en el
> 'link', en un 'div' o en el 'ul' o 'li') , asique les dejo el codigo para
> ver si alguien me puede dar una mano, (el detalle que complica todo es que
> el numero de elemetos contenidos en la lista puede variar de 3 a 22).
> PD:espero que se entienda mi explicacion.
>
> Lucas
>
>
> <!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" xml:lang="es" lang="es">
> <head>
> <title></title>
> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"
> />
> <style type="text/css" media="screen"><!--
> a{
> display:block;
> text-decoration:none
> }
> a:hover{
> font-weight:bold;
> color:#0f0
> }
> a:active{
> color:#070
> }
> ul.ho{
> display:block;
> background-color:#202;
> left:auto;
> right:auto;
> margin-bottom:30px;
> }
> li{
> float: left;
> width:20px;
> height:20px;
> display:inline;
> list-style-type:none;
> }
> --></style>
> </head>
>
> <body>
> <ul class="ho">
> <li><a href="?pag=0&q=&mu=Musica">0</a></li>
> <li><a href="?pag=1&q=&mu=Musica">1</a></li>
> <li><a href="?pag=2&q=&mu=Musica">2</a></li>
> <li><a href="?pag=3&q=&mu=Musica">3</a></li>
> <li><a href="?pag=4&q=&mu=Musica">4</a></li>
> <li><a href="?pag=5&q=&mu=Musica">5</a></li>
> <li><a href="?pag=6&q=&mu=Musica">6</a></li>
> <li><a href="?pag=7&q=&mu=Musica">7</a></li>
> <li><a href="?pag=8&q=&mu=Musica">8</a></li>
> <li><a href="?pag=9&q=&mu=Musica">9</a></li>
> <li><a href="?pag=10&q=&mu=Musica">10</a></li>
> <li><a href="?pag=1&q=&mu=Musica">>></a></li>
> </ul>
> <br />
> <br />
>
> </body>
> </html>
>
>
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://www3.fi.mdp.edu.ar/cgi-bin/mailman/private/php-avanzado/attachments/20080918/4ec82f1a/attachment.htm
Más información sobre la lista de distribución Php-avanzado