Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/07/2012, 13:44
iorio
 
Fecha de Ingreso: diciembre-2010
Mensajes: 237
Antigüedad: 13 años, 4 meses
Puntos: 2
Respuesta: No logro centrar menu horizontal

Hola, la pagina si esta centrada, lo que preguntaba era por el menu horizontal..

ahi deje el html y el css, que mofique y ahora es asi:

Código CSS:
Ver original
  1. /* Menu Tabs */
  2.  
  3. #tabs {
  4.       float:left;
  5.       width:100%;
  6.       background: #333;
  7.       font-size:110%;
  8.       line-height:normal;
  9.       padding-top: 0px;
  10.       margin:0 auto 0 auto;  
  11.       }
  12.      
  13.     #tabs li {
  14.       display:inline;
  15.       }
  16.      
  17.     #tabs a {
  18.       float:left;
  19.       background:#333;
  20.       padding:0 0 0 4px;
  21.       text-decoration:none;
  22.       }
  23.      
  24.     #tabs a span {
  25.       display:block;
  26.       background:#444;
  27.       padding:5px 15px 4px 6px;
  28.       color:#FFF;
  29.       }
  30.     /* Commented Backslash Hack hides rule from IE5-Mac \*/
  31.     #tabs a span {float:none;}
  32.     /* End IE5-Mac hack */
  33.     #tabs a:hover span {
  34.       color:#FFF;
  35.       }
  36.     #tabs a:hover {
  37.       background:#333;
  38.       }
  39.     #tabs a:hover span {
  40.       background:#222;
  41.       }

Ahi viendo un poco vi que al achicar el explorador los botones se van centrando pero si achicas mas se pasan para el otro renglon por que actua como un elemento de bloque, me gustaria que se adapte al centro lo maximo posible al achicar pero si que se pasa los botones queden en la linea y no hacia el otro renglon.

Última edición por iorio; 01/07/2012 a las 14:12