Ver Mensaje Individual
  #9 (permalink)  
Antiguo 08/06/2009, 10:48
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Centrar items en una lista... como?

Cita:
Iniciado por tksko Ver Mensaje
nop no sirve.. no se puede... será por algo que los que diseñan en css nunca centran los menues.. ya me doy por vencido. probe muchas cosas y nada :(
Como dijo el compañero mike ¿de donde sacaste tal idea? creo que necesitas echarte una hojeada por san google jaja en fin volviendo a tu problema... estas usando propiedades que para lo que quieres hacer no vienen al caso

Como es el float:left y el display:block .... Teniendo eso dudo mucho que puedas centrar fácilmente aunque no digo que sea imposible.
Basándome en tu código te doy este deje tus estilos como comentario para que veas que hiciste tu y como lo acomode yo, además está probado que centrara en cualquier resolución pues no tiene nada del otro mundo

Código HTML:
<!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>
<style type="text/css">
html, body{margin:0; paddin:0;}
#menu{display:block; height:43px; background:#FFF; border:1px #FFFF99 solid; text-align:center;}
ul#menu{padding:0; margin:0;}
#menu li{display:inline; padding:0 10px;}
#menu li a{text-decoration:none; font-family:verdana; font-size:12px; font-weight:bold; color:#777; line-height:38px;}
/*
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; }
*/
</style>
 </head>

 <body>
<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>
 </body>
</html>