[Php-avanzado] menu centrado horizontalmente

Mie Sep 17 23:57:42 ART 2008

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&amp;q=&amp;mu=Musica">0</a></li>
<li><a href="?pag=1&amp;q=&amp;mu=Musica">1</a></li>
<li><a href="?pag=2&amp;q=&amp;mu=Musica">2</a></li>
<li><a href="?pag=3&amp;q=&amp;mu=Musica">3</a></li>
<li><a href="?pag=4&amp;q=&amp;mu=Musica">4</a></li>
<li><a href="?pag=5&amp;q=&amp;mu=Musica">5</a></li>
<li><a href="?pag=6&amp;q=&amp;mu=Musica">6</a></li>
<li><a href="?pag=7&amp;q=&amp;mu=Musica">7</a></li>
<li><a href="?pag=8&amp;q=&amp;mu=Musica">8</a></li>
<li><a href="?pag=9&amp;q=&amp;mu=Musica">9</a></li>
<li><a href="?pag=10&amp;q=&amp;mu=Musica">10</a></li>
<li><a href="?pag=1&amp;q=&amp;mu=Musica">>></a></li>
</ul>
<br />
<br />

</body>
</html>
------------ 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/20080917/b87c4a5e/attachment.htm