Bonjour,

Merci pour ton aide.
Ça ne marche pas mais c’est pas grave.
J essaierai de le faire moi même quand j’aurais compris comment ça marche.
je viens de passer un bon moment dans les css.
J’ai réussi a faire en partie ce que je voulais à un détail près, j’ai deux espaces (les flèches rouges de l’image) que je n’arrive pas à réduire.
Comment Faire ?

C est sur mon site de test

lien supprimé

Oui c’est ça et c’est moi qui publie ... ou pas

Sauf si tu utilises l’icone de spip pour mettre ton lien !

Bon le code que je t’ai donné fonctionne ou alors je n’ai pas compris ta demande, ce qui est fort possible !

Sinon, pour descendre le bloc des articles, tu peux rajouter une marge inférieure au bloc du dessus. Par exemple :

#cadre-rubrique {
  margin-bottom: 50px;
}

Oui c est ça c’est les .pagination qui avaient un padding 10 en réduisant, j’arrive à mon résultat. Par contre je tâtonne mais ça va

ok, je regardais dans la rubrique au lieu de regarder l’onglet
Et avec ça dans perso.css

.cadre-une .pagination {
        padding: 2px !important;
}

Tout va bien.
Merci pour ton aide
un espace empêchait l’affichage de plusieurs codes.
C’est chatouilleux les css

Bonjour,

J’ajoute mon gazouillis Nordique, car le sujet me questionne et m’intéresse encore pour améliorer la navigation aux doigts et à l’œil sur la page de nos accueils sous Escal.

Entre le Canada et la Lettonie, j’avoue apprécier les maisons en bois, les paysages, les aurores boréales et bien + encore ...  😄

Venons en au fait : Je pense qu’il sera ensuite utile d’augmenter la dimension de l’affichage du logo dans les cadres du bloc central d’onglets, pour que les images-carrées soient au maxi de leur dimension d’affichage. Cela facilite le travail des doigts sur écrans tactiles.

Ce que je dois aussi peaufiner sur lien supprimé
J’ai supprimé l’affichage de l’article mis en avant, car cela rajoute une étape inutile et un clic pour des lecteurs qui souhaitent directement accéder à un article. Ils peuvent lire le descriptif au survol de la case concernée. Ce qui est plus pratique sur tablettes et smartphones.

En fait si l’on pouvait aboutir à une situation comme celle de l’exemple du site spip "lacarene.fr" sous Spip-Escal, ce serait génial pour présenter les articles, avec le titre qui survole l’image du logo, et l’ensemble directement cliquable.

Par exemple, sous certains articles du site "La carene", il y a des propositions pour en lire d’autres, qui sont regroupées visuellement avec un autre fond de couleurs, et quelques images-logo pour cliquer dessus.

Des images attractives qui accrochent l’œil et le doigt et facilitent la navigation

Je cherche comment sous Escal procéder comme sur le site spip de la boite graphique avec des images qui accrochent l’oeil et le doigt en page d’accueil, sous les articles, pour faciliter navigation et attractivité visuelle de nos sites web.

Qu’en pensez-vous ?
@+

Ah jaseur et ces rêves ... que je risque de décevoir !
En effet, Escal se veut utilisable par tous et a été conçu au départ pour des établissments scolaires (d’où son nom). Et pour réaliser ce que tu proposes, il faudrait être sûr que chaque article soit illustré avec une image, ce qui est loin d’être le cas dans la plupart des sites.