centrer en-tete

obtenir ces boutons

Centrer l'en-tête

Pour centrer l'en-tête d'un blog, il suffit, dans le modèle (template) du blog, juste avant :
]]></b:skin>
d'ajouter :
#header-inner
{
margin: auto;
}

#header-inner img
{
margin: auto;
}

#Image1
{
margin: auto;
}
Remarque :

- #header-inner concerne toute l'entête ;

- #header-inner img ne concerne que l'image constituant la bannière.

Si cela ne fonctionne pas, on peut remplacer "margin: auto;" par "text-align:center;" ou "margin-left: 200px;" (adapter "200").

* * * * *
Autre solution : ajouter

<center>

avant

<img src="http// .....">

et

</center>

après.

11 commentaires:

marie a dit…

Merci beaucoup pour ce site qui est une mine d'or

Sabine Dewulf a dit…

Oui merci beaucoup

vinotopya a dit…

impossible de trouver l'emplacement pour modifier le code pour centrer.
http://vinotopya.blogspot.com/
c'est dans présentation / modifier le code HTMl?

Meiser a dit…

Bonjour.

1) Voir le pargraphe commençant par:

/* Header
----------------------------------------------- */

2) Le code est correct. L'image est centrée. Mais pas la phrase qui est alignée à gauche. Vous pourriez la centrer en ajoutant : "text-align:center;" pour la description.


vinotopya a dit…

merci beaucoup ça fonctionne

Summer Marlowe a dit…

Merci ce site est génial!

Floralie Wolff a dit…

J'aurai bidouiller mainte et mainte fois, ça n'a rien donné...
Impossible de modifier le code pour pouvoir centrer ma bannière ou même le titre du blog !
Merci quand même !

pauline et nina a dit…

Mille merci, j'ai essayé des milliers de tuto mais aucun n'a fonctionné avant celui-ci donc merciii beaucoup!

Matthieu Froment a dit…

Bonjour,

Ce site est génial ! Je débute dans la blogosphère et cela m'aide beaucoup !

Je n'arrive néanmoins toujours pas à centrer mon titre..
Voici mon code:

/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 10px;
padding-right: 10px;
}

.Header h1 {
font: $(header.font);
color: $(header.text.color);
}

.Header h1 a {
color: $(header.text.color);
}

.Header .description {
font-size: 130%;
}

Merci d'avance pour votre aide.

Cordialement.

Forum Femmes Méditerranee a dit…

Bonjour,

J'ai tout essaye mais je n'y arrive pas.
J'ai ajouté une photo dans mon entête et je veux mettre le titre du blog juste au dessus et centrer la photo en dessous
impossible!!
J'ai besoin d'aide
MErci d'avance

http://forumfemmesmed.blogspot.fr/

Woodybeauty a dit…

Merci merci merci! Après mettre galérée pendant 156 ans, votre site m'a sauvé les cheveux lol