[résolu] pagination liens vers pages précédentes et suivantes

Bonjour

La pagination fait apparaître les liens vers les pages suivantes et précédentes en colonnes et non en ligne
Affichage « normal » : 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | …
Mon affichage :
1
2
3
4
5
6
7
8
9

36

A l’origine l’affichage se faisait normalement. Je ne me suis pas aperçu de ce changement immédiatement mais je suppose qu’il a dû se produire lors du passage à la version 4 de spip
https://lalibertedelesprit.org/
Merci de votre aide et de vos conseils
René

Il faut changer l’appel de la pagination dans les squelettes.
Cf : https://contrib.spip.net/Migrer-de-SPIP-3-2-a-SPIP-4-0-le-livre-de-cuisine
Remplacer <p class='pagination'> par <nav class='pagination'>

J’ai fait mais ça ne change rien

Ajoute à ta feuile de style person ces styles

/* PAGINATION horizontale*/
.pagination-items { margin: 10px 0 0 20px; }
.pagination-item { width:25px; float:left; }
.pagination-item-label.on { font-weight: bold ; font-size:1em ; }
.pagination-item.prev, .pagination-item.next { width:200px; font-size:0.8em; }
.pagination-item.prev.disabled, .pagination-item.next.disabled { font-size:0.6em; color:grey; }
.pagination-item.prev a:hover, .pagination-item.next a:hover{ color:green; }

Par chez moi, j’ai juste utilisé les CSS de Spip (theme.css) :

Pour le <ul class="pagination-items pagination_prive">, « pagination-items » ne semble pas exister dans tes feuilles de style.

Mettre :

.pagination .pagination-items {
display: flex;flex-wrap: wrap; flex-direction: row;
}

suffit à « horizontaliser » la pagination

ajoute les lignes à une feuile de style perso que tu peux ajouter

oubien remplac la ligne
.pagination .pagination-items {
display: flex;flex-wrap: wrap; flex-direction: row;
}

par celles que je te propose
pense à vider et le cache de spip et le cache de ton navigateur pour voir le résultat

Merci
ça fonctionne mais pas tout à fait comme j’aimerais. Il n’y a pas de séparateur |

Effectivement, les item s’affichent « trop serrés » : c’est normal, la « class » associée n’est pas présente.
Là en fait, tu as un squelette complètement personnalisé (tout en « tableau » ce qui est un peu daté et peu compatible avec les petits écrans) qui n’intègre pas les feuilles de style « de base » de Spip : la plupart de tes styles sont définis « en dur » via style="tes réglages" au lieu d’être appelés via des feuilles de styles.
Donc tu es obligé de définir toi même les styles que tu attends.
Pour ma part, quand je ne sais pas, je regarde les feuilles de style de Spip et je personnalise ce que j’ai besoin de personnaliser.
Pour les paginations, je ne m’embête pas, ce qui est par défaut dans Spip me convient, et je mets bien l’appel à ces feuilles de style dans mes squelettes.
En particulier, pour « mieux discriminer » les paginations, quelques règles issues du fichier « theme.css » sont utiles. Mais le plus simple est bien de faire appel à cette feuille de style dans ton squelette.

nickel
merci

oui, je reconnais c’est un peu daté… :slight_smile:
j’ai fait ce site il y a qq années et je n’ai jamais pris le temps de le reprendre et je crains qu’il va rester dans l’état encore un moment :wink:
Merci de l’aide

Et pourquoi ne pas passer à un des squelettes génériques de la communauté (SoyezCréateurs par exemple) ?

Parce que ce site approche les 20 ans et moi les 80 et qu’actuellement je suis plus à m’interroger sur La grande question sur la vie, l’univers et le reste :wink:
Merci quand même du conseil :slight_smile:

1 « J'aime »

La réponse est 42.

Plus sérieusement, est-ce qu’un autre membre de l’association a envie de prendre la suite ?

pour l’instant non et le renouvellement ni le rajeunissement des adhérents ne semblent poindre son nez :frowning: