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

triumphalis Seguir

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
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>
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
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
 

Josepdal

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Dic 2013
Mensajes
164
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.
 

carlos2928

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Ene 2014
Mensajes
164
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
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
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.
 

Josepdal

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Dic 2013
Mensajes
164
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.
 

triumphalis

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Jul 2013
Mensajes
167
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!!! :p8:
 
Arriba