Paginación descolocada  

Hola Aitor,

Como "siempre" decimos, si no facilitas una url donde podamos verlo "en vivo" es muy difícil sacar conclusiones solo por una captura.

Gracias

ahi va...
http://www.encuentrosconelbaile.com/es/index.php?option=com_adsmanager&view=list&catid=1&Itemid=101

Hola Aitor,

Gracias 😉 nos hubiésemos ahorrado 2 respuestas si por defecto adjuntases siempre el link. 🙂

Según veo en la hoja de estilos components/com_adsmanager/css/adsmanager.css:

.pagelinks {
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:center !important;
width:750px;
}

Tiene un ancho de 750px; lo que es mayor del área donde se muestra, no obstante para sacar conclusiones habría que ver como tienes configurado este ítem de menú que muestra esos artículos en lo referente a paginación antes de poder concluir si es mejor cambiar por CSS o si se puede mejorar desde alguna configuración.

No obstante esa plantilla que usas es un poco conflictiva con algunos detalles como el que comentamos de paginación.

Saludos

Gracias Gnumax...
he cambiado el width:750px; por 100%, parece que sigue entrecortado, y tampoco respeta los márgenes arriba y abajo... este tema es importante resolverlo porque los usuarios van a navegar bastante por estas páginas... a lo mejor hay alguna otra forma? algun plugin o así?
Saludos!

Hola Aitor,

Entiendo que será importante solucionarlo, por eso te comenté:

Tiene un ancho de 750px; lo que es mayor del área donde se muestra, no obstante para sacar conclusiones habría que ver como tienes configurado este ítem de menú que muestra esos artículos en lo referente a paginación antes de poder concluir si es mejor cambiar por CSS o si se puede mejorar desde alguna configuración.

Pero no has enviado o adjuntado capturas para ver esas configuraciones.

Saludos

Ok, pero ¿qué pantallazo os mando para que podáis saber como tengo configurado el ítem de menú que muestra esos artículos en lo referente a paginación?
Gracias por vuestra paciencia 😉 .

Hola Aitor, yo con este código he logrado solucionar el problema:

ul.pagination li {
background: none repeat scroll 0 0 #FFFFFF !important;
border: 1px solid #D7D7D7;
color: #999999;
cursor: pointer;
display: inline;
font-size: 85%;
font-weight: bold;
margin: 1px !important;
overflow: hidden;
padding: 1px 2px !important;
}

El tema es que no cabía y se ha tenido que reducir un poco el espacio de relleno de la paginación.

Añade este código a tu hoja de estilos y dínos si así se soluciona el problema.

Saludos

Hola David, si, así se queda solucionado.
Gracias!
Saludos.