Foros del Web » Creando para Internet » CSS »

Inconveniente al centrar lista

Estas en el tema de Inconveniente al centrar lista en el foro de CSS en Foros del Web. Muy buenas noches, tengo el siguiente problema, he dado este código para decorar unas listas, para que queden redondas y de 85px de diametro @import ...
  #1 (permalink)  
Antiguo 11/07/2011, 21:17
Avatar de Carlmycol  
Fecha de Ingreso: diciembre-2007
Ubicación: Los Teques, Venezuela
Mensajes: 240
Antigüedad: 9 años, 1 mes
Puntos: 3
Inconveniente al centrar lista

Muy buenas noches, tengo el siguiente problema, he dado este código para decorar unas listas, para que queden redondas y de 85px de diametro

Código CSS:
Ver original
  1. #site-description-list ul
  2. {
  3.     text-align:center;
  4.     list-style-type:none;
  5. }
  6. #site-description-list ul li
  7. {
  8.     margin:10px 5px 10px 5px;
  9.     background: rgba(71, 169, 165, 0.5);
  10.     -webkit-transform: scale(1);
  11.     -webkit-transition-timing-function: ease-in-out;
  12.     -webkit-transition-duration: 110ms;
  13.     -webkit-backface-visibility: visible;
  14.     -webkit-perspective: 0;
  15.     -moz-transition-timing-function: ease-in-out;
  16.     -moz-transition-duration: 110ms;
  17.     -moz-border-radius: 85px;
  18.    
  19.     -o-transition-timing-function: ease-in-out;
  20.  
  21.  
  22.     width: 85px;
  23.     height: 85px;
  24.     display: inline-block;
  25.    
  26.     font-size: 1.05em;
  27.     text-align:center;
  28.  
  29.     color: #fff;
  30.     color: rgba(240, 240, 240, 1);
  31.  
  32.     font-weight: 700;
  33.     text-decoration:none;
  34.     border-radius: 85px;
  35.     border: none;
  36.     line-height: 82px;
  37.     font-family: 'Francois One', arial, serif;
  38.  
  39.     cursor:default;
  40. }

Peeeero, no he logrado que se centre como es debido, si estas gustoso, mira la imagen http://www.dropmocks.com/iXOFo

Como verán, la lista de circulos queda mas a la derecha que centrado O.o ¿Por qué será? Otra cosa, estoy pensando que este código no es compatible con todos los navegadores, bueno no se jeje. Agradecería cualquier respuesta y recomendación.

Saludos, Dios les bendiga.
  #2 (permalink)  
Antiguo 11/07/2011, 23:43
 
Fecha de Ingreso: abril-2010
Mensajes: 111
Antigüedad: 6 años, 8 meses
Puntos: 3
Respuesta: Inconveniente al centrar lista

bueno para eso de la compativilidad con todos los navegadores te recomendaría que lo pruebes en los mas usados y en internet esplorer con respecto al alineamiento de los círculos para mi los veo igual(centrado).
  #3 (permalink)  
Antiguo 12/07/2011, 00:28
Avatar de Carlmycol  
Fecha de Ingreso: diciembre-2007
Ubicación: Los Teques, Venezuela
Mensajes: 240
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: Inconveniente al centrar lista

Gracias mi hermano, lo resolví poniendo margin y padding en 0 en el elemento ul, acerca de la compatibilidad, decía porque hay varios transforms -o-transform, -ms-transform,.. etc Pero no se hasta que punto sería recomendable usarlos.

Gracias por responder y leer. Saludos, Dios te bendiga!

Etiquetas: inconveniente, lista, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:16.