Alignement en tête / article

[Claude VIQUESNEL]

Bonjour,

 J'utilise le Thème Contempo et j'ai un souci d'alignement entre l'en tête et la largeur des pages et des articles. voir photo jointe

Comment faire pour arriver à aligner ces deux parties, j'ai essayé avec la largeur du contenu et la marge mais je n'arrive à rien. J'aimerais que le milieu de la page soit au niveau de la flèche noire.

Merci de votre aide

[Luc Fayard]

Bonjour 

Le principe général des ajustements de blocs de page est de trouver les div , les id et les class qui les définissent.

J’utilise pour cela la fonction « Inspecter » de Chrome.

Vous cliquez droit sur le bloc qui vous intéresse, la fenêtre d’inspecteur s’ouvre et vous cherchez la div, id, class qui le définit; ensuite dans les paramètres vous jouez sur les margin et les padding et vous voyer le résultat en temps réel. Le plus difficile est de trouver la bonne div car elles ont tendance à s’emboiter.

Quand cela vous plaît vous notez les modifs faites et vous les reportez en CSS sur votre blog 

Bon courage 

Luc Fayard
Journaliste, poète, éditeur
Président Association Amavero
+33 6 12 98 22 86
https://www.amavero.fr
facebook.com/lucfayard

--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/c6529ab3-4193-4918-8de4-7cb1d1218debn%40googlegroups.com.

[Claude VIQUESNEL]

Merci Luc

 J'ai réussi à centrer les deux premiers widget sous la bannière de tête en jouant sur le margin de ces widget.
Mais pour ce qui suit, impossible, j'ai beau joué sur les margin, padding des balises trouvé dans l'inspecteur, rien n'y fait. En plus l'alignement n'est pas le même quand c'est un article ou une page.

Mon inspecteur ne me permet pas de modifier le .css.

J'ai joué sur la margin-left de main#main.centered.bottom mais ça ne change rien 😭

[Claude VIQUESNEL]

[Luc Fayard]

Génial ! Siouvent j'ai eu du mal à trouvere la bonne div, certains thèmes en imbriquent des dizaines les unes sous les autres !

Bonne continuation !

Luc Fayard

Journaliste honoraire, poète, éditeur

Directeur Amavero art et poésie

poèmes, association, maison d'édition,
livres, charte, adhésion, galerie, poésie et art

+33 6 12 98 22 86

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/3e663d7f-0503-4c1a-bd85-8823be554b48n%40googlegroups.com.

[Luc Fayard]

C'est le même genre de recherches qu'il faut faire en jouant cette fois sur les margins et les padding des différentes div imbriquées; il faut commencer par la plus haute et descendre ensuite dans la hiérarchie

Luc Fayard

Journaliste honoraire, poète, éditeur

Directeur Amavero art et poésie

poèmes, association, maison d'édition,
livres, charte, adhésion, galerie, poésie et art

+33 6 12 98 22 86

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/25669ea0-3ff7-47b9-9139-b49d6aa9b6d6n%40googlegroups.com.

[Claude VIQUESNEL]

Merci Luc, trop compliqué pour mes connaissances en html/css. J'ai joué sur la poistion de mes widget du haut et apparemment ça ressemble à quelques chose d'un peu plus centré

Merci pour ton aide

[Luc Fayard]

Oui moi aussi je suis vite dépassé quand les div s’emboîtent!

Redonné moi ton URL si j’ai 5 mn!

Luc Fayard
Journaliste, poète, éditeur
Président Association Amavero
+33 6 12 98 22 86
https://www.amavero.fr
facebook.com/lucfayard

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/a5e91d39-5b36-48b2-970f-e036fb036a55n%40googlegroups.com.

[Claude VIQUESNEL]

https://le-randonneur-errant.blogspot.com/

Mais c'est à y perdre son latin, tu joues d'un côté-tu perds de l'autre 🤔 Et en plus sur le smartphone c'est encore pire !!!

[Luc Fayard]

Oui c’est une sacrée gymnastique. Pour des sites d’art auxquels je tiens beaucoup j’ai acheté des thèmes responsives et la c’est le bonheur tu n’as rien à faire à part quelques ajustements comme d’hab,

Ça vaut entre 20 ou 30 euros une fois et avec un peu de pot tu as le développeur qui répond pdt un certain temps

Regarde par exemple

https://galerie.amavero.fr

Luc Fayard
Journaliste, poète, éditeur
Président Association Amavero
+33 6 12 98 22 86
https://www.amavero.fr
facebook.com/lucfayard

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/4854b2c0-8378-468b-a03e-bca6512fc28fn%40googlegroups.com.

[Luc Fayard]

Pour info sur mon Macbook pro 14 pouces ta homme s'affiche tout bien centré mais sans la sidebar.
Ensuite si je clique par ex sur Petite Balade la section Petite Balade semble décalée à gauche

Par contre su rmon écran externe 1920 px, la home s'affiche avec la sidebar et la page apparait plutôt décalée à gauche mais en fait on ne sait pas où elle finit à droite!...

Bon courage !

PS: c'est sur la div class main-page-body-content que les margins ont l'air de jouer en premier...

Luc Fayard

Journaliste honoraire, poète, éditeur

Directeur Amavero art et poésie

poèmes, association, maison d'édition,
livres, charte, adhésion, galerie, poésie et art

+33 6 12 98 22 86

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/4854b2c0-8378-468b-a03e-bca6512fc28fn%40googlegroups.com.

[Claude VIQUESNEL]

Superbe https://galerie.amavero.fr/, elle n'est pas sur blogger ? 

Félicitations. 

Les thèmes responsive que tu as acheté ça fonctionne dur blogger ? Si oui aurais tu un lien stp ? 

Merci 

Envoyé à partir de Outlook pour Android

---

From: blogg...@googlegroups.com <blogg...@googlegroups.com> on behalf of Luc Fayard <lucf...@gmail.com>
Sent: Friday, February 14, 2025 7:01:52 PM
To: blogg...@googlegroups.com <blogg...@googlegroups.com>
Subject: Re: [FORUM BLOGGER FR] Alignement en tête / article

 

Vous recevez ce message, car vous êtes abonné à un sujet dans le groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce sujet, visitez le site https://groups.google.com/d/topic/blogger-fr/dnfOz759pVI/unsubscribe.
Pour vous désabonner de ce groupe et de tous ses sujets, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CANdhYHJ7kh29FC0knTwh9tYtRVwXdAkiaL-K8gPKDZpHj_B1%2BQ%40mail.gmail.com.

[Luc Fayard]

Oui c’est du thème Blogger mais il ne faut pas’ prendre celui de la galerie il n’est plus supportés

Il faut prendre Oliver qui est le même en plus moderne. 

Le site de ces themes themeforest.net et si tu pais un supplément tu as un support pour un an

Luc Fayard
Journaliste, poète, éditeur
Président Association Amavero
+33 6 12 98 22 86
https://www.amavero.fr
facebook.com/lucfayard

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/GV1PR02MB8635EB79621803BB84F3E6A5A2FE2%40GV1PR02MB8635.eurprd02.prod.outlook.com.

[Claude VIQUESNEL]

Merci beaucoup, je vais approndir tout ca

Envoyé à partir de Outlook pour Android

---

From: blogg...@googlegroups.com <blogg...@googlegroups.com> on behalf of Luc Fayard <lucf...@gmail.com>

Sent: Friday, February 14, 2025 8:41:15 PM

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CANdhYH%2B7gA412OgBY5C_nLWO_9M7Q17XTFYiHGFTEv61QF_kHA%40mail.gmail.com.