Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/06/2009, 23:10
tksko
 
Fecha de Ingreso: octubre-2004
Mensajes: 107
Antigüedad: 19 años, 5 meses
Puntos: 0
Centrar items en una lista... como?

hola a todos!
siempre tengo el mismo problema, especialmente cuando quiero utilizar templates que para los menues utilizan generalmente un estilo para un <li> y <ul>...

mi problema es que tengo un menu horizontal y quiero que los items (opciones del menu) se muestren centradas y no desde la izquierda.........

pero no logro hacerlo..

el css es este:

Código HTML:
ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
luego el menu simplemente es:
Código HTML:
<ul id="menu">
<li><a href="#" title="">Home</a></li>
<li><a href="#" title="" >Products</a></li>
<li><a href="#" title="">Contact</a></li>
<li><a href="#" title="">Label 4</a></li>
<li><a href="#" title="">Label 5</a></li>
</ul> 
si alguien pudiera ayudarme se los agradeceria..

thanks :D