encadrer le bloc central des onglets.

Christian
le 8 décembre 2016
à 05:21
Rappel du sujet :

Bonjour,

Je veux mettre tout le bloc central en fond blanc.
Il faudrait que je puisse l’encadrer comme sur l’image suivante pour le délimiter
J’ai un peu bricolé avec les css mais sans résultat.
Est ce possible ?
Merci

encadrer le bloc central des onglets.

Si j’ai bien compris

.cadre-une {
  background-color: #ffffff;
  padding: 5px;
}
encadrer le bloc central des onglets.

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 ?

encadrer le bloc central des onglets.

Rappelle-moi l’URL de ton site que je regarde ça, stp.

encadrer le bloc central des onglets.
encadrer le bloc central des onglets.

Je ne vois pas apparaitre ma réponse.
Est ce l’antispam qui bloque les url ?

encadrer le bloc central des onglets.

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

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

encadrer le bloc central des onglets.

Ha ok c est bon à savoir.
Je passerai donc par l’éditeur de lien à l’avenir

encadrer le bloc central des onglets.

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;
}
encadrer le bloc central des onglets.

Bonjour,

Je viens d’essayer, ça ne marche pas.
Entre les cadres d’article et les onglets et en dessous du dernier article, il y a environ 30 pixels. Je voudrait les ramener à 5 pixels.

Peut être on c’est mal compris, j’ai du mal expliquer.
Je recommencerais plus tard je voudrais avant résoudre mon soucis d’espace !

avec web develloper je vois un bloc en haut et en bas qui s’appellent .pagination
C est eux qui me m’augmentent la largeur il me semble.
j’ai essayé de les réduire en vain.

encadrer le bloc central des onglets.

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

encadrer le bloc central des onglets.

Par contre passer de web devellopeur au perso.css c est une autre histoire...
je suppose que cela se passe dans alaune.css mais ou ?

encadrer le bloc central des onglets.

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

.cadre-une .pagination {
        padding: 2px !important;
}
encadrer le bloc central des onglets.

Merci je vais tester ça des que j’ai pris mon petit déjeuné.
Pourquoi il est marqué important dans le code ?

Je commence a comprendre comment ça marche.

Hier tout ce que je mettais dans le perso.css ne marchait pas.
J’ai donc vidé mon perso.css et j’ai remis un par un les codes les plus importants en les commentant de manière plus détaillée. Et là ho miracle, cela c’est remis a fonctionné.

Je pense donc avoir fait une erreur dans un code qui bloquait tout.

encadrer le bloc central des onglets.

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

encadrer le bloc central des onglets.

Bon je vois que tu avances.

Le !important est nécessaire dans ce cas car le padding : 10px est écrit dans le fichier html, c’est donc lui qui est lu en dernier et qui s’impose.
Mais dans le feuille de style, si on met !important, il prend la priorité sur tous les autres.

Encadrer le bloc central des onglets et en améliorer la navigation

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 ...  😄
Dans ce site test de Christian, il y a de superbes bâtisses en bois ... Ouahhh !

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 : https://www.lettonie-francija.fr/
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 ?
@+

encadrer le bloc central des onglets.

Bonjour,

J’avance effectivement, pas aussi vite que je le voudrais.
ma connexion internet par satellite est capricieuse et parfois elle coupe plusieurs heures.
Les joies de la vie a la campagne !

Merci pour tes explications

encadrer le bloc central des onglets.

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.

encadrer le bloc central des onglets.

Bonjour Jaseur boréal,

Tout ce qui peut améliorer la navigation en tablette et sur tel me ravi.
Escal s’améliore tous les mois et il faut remercier ses développeurs !
La présentation que tu donnes en exemple est sympa.
Elle pourrait être alternative.
Je vais cet hiver, si le temps le permet, aller faire des photos d’aurore boréales dans le grand Nord. Les jolies maison en bois rond sont très rares hélas !
Par contre les rivière, lacs, forets sauvages sont encore abondantes...
C est sur ce site, mon blogue nature, que je mettrais mes photos du Grand Nordhttp://www.quebecnature.info/

Reagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document