Centrado de numeración en slider de última generación

  • Autor Autor triumphalis
  • Fecha de inicio Fecha de inicio
T

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola. He puesto en mi web un slider que muestra las ultimas entradas de forma automática, este slider lleva numeración. Me gustaría que la numeración se mostrara en el centro y no en la izquierda o derecha. He probado cambiando el valor RIGHT por CENTER. Y "funciona" a medias, se coloca en el centro pero un numero debajo del otro, en lugar de colocarse al lado. Que más o que otra cosa debo cambiar? Gracias

Insertar CODE, HTML o PHP:
/* Estilos de los números */
ol#controls{
margin:8px 25px;
padding:0;
height:18px;
}
ol#controls li{
margin:0 4px 0 0;
padding:0;
float:right;
list-style:none;
height:18px;
line-height:18px;
}
ol#controls li a{
float:right;
height:18px;
line-height:18px;
border:1px solid #000; /* Borde de los números */
background:#ffffff; /* Color de fondo de los números */
color:#000000; /* Color de los números */
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#920707; /* Color de fondo del número activo */
color:#fff; /* Color del número activo */
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
]]></b:skin>
 
pon el valor

Insertar CODE, HTML o PHP:
text-align:center;
 
pon el valor

Insertar CODE, HTML o PHP:
text-align:center;

Lo he añadido, pero no cambia nada. En que parte del código lo meto (no vaya ser que lo esté haciendo mal). Igualmente aunque añada el codigo text-align:center; debo cambiar lo de RIGHT por CENTER o lo dejo tal cual? Gracias
 
Lo he añadido, pero no cambia nada. En que parte del código lo meto (no vaya ser que lo esté haciendo mal). Igualmente aunque añada el codigo text-align:center; debo cambiar lo de RIGHT por CENTER o lo dejo tal cual? Gracias

Puedes pasar imágenes? thx! así se verá todo más claro... incluso el código html al que le corresponde este css.
 
Lo he añadido, pero no cambia nada. En que parte del código lo meto (no vaya ser que lo esté haciendo mal). Igualmente aunque añada el codigo text-align:center; debo cambiar lo de RIGHT por CENTER o lo dejo tal cual? Gracias

envia me tu web
 
Última edición:
Depende del máximo de historias (imágenes o noticias) vaya a tener la página se puede hacer de una forma o otra, porque el tamaño cambiaría... Se van a añadir más cosas? O se quedará así o se cambiarán las que hay por otras?

En principio se quedará así en 2, pero si añadiera una tercera... pues ya miraría de ajustar los PX de margen.
 
En principio se quedará así en 2, pero si añadiera una tercera... pues ya miraría de ajustar los PX de margen.


Parece que lo has editado poniendo margenes, acabo de actualizar la página...

Te pongo otra opción:

Insertar CODE, HTML o PHP:
ol#controls {
 margin: 0 auto;
 padding-top: 10px;
 width: 66px;
 height: 18px;
}

Es decir, así es como se centran de normal las cosas, solo que tienen una anchura fija, se pone el ancho total del contenido, en este caso son 66px, y luego el margin: 0 auto, lo centra.
Después le puse un padding arriba para separarlo un poco y listo.
 
Parece que lo has editado poniendo margenes, acabo de actualizar la página...

Te pongo otra opción:

Insertar CODE, HTML o PHP:
ol#controls {
 margin: 0 auto;
 padding-top: 10px;
 width: 66px;
 height: 18px;
}

Es decir, así es como se centran de normal las cosas, solo que tienen una anchura fija, se pone el ancho total del contenido, en este caso son 66px, y luego el margin: 0 auto, lo centra.
Después le puse un padding arriba para separarlo un poco y listo.

Muchas gracias, me lo miro!!! 😛8:
 
Atrás
Arriba