[Php-avanzado] menu centrado horizontalmente
Facundo Corradini
facundocorradini en gmail.com
Jue Sep 18 02:19:46 ART 2008
Hola,
La semana pasada comentabamos un caso muy similar con Rogelio en el sitio de
la facultad de agrarias de UNMdP.
Para centrar cualquier elemento, basta con colocar en "auto" su margin
horizontal. Podés hacerlo con "margin: 0 auto;"
saludos!.
El 17 de septiembre de 2008 23:57, unes pacio <unespac en gmail.com> escribió:
> 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/9aae4d61/attachment.htm
Más información sobre la lista de distribución Php-avanzado