entête: centrer le titre du site

Général
1

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

2

Bonsoir,
text-align: center;

cordialement

jeami a écrit :

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

3

bobof a écrit :

Bonsoir,
text-align: center;

cordialement

jeami a écrit :

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

merci, j'avais essayé mais sans résultat
je crois que j'ai trouvé, mais j'aimerai votre être sûr que ce soit correct:
dans la partie du ccs
#entete { text-align: center; width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

j'ai rajouté text-align: center; dans le code de la première ligne
puis j'ai modifié la deuxième ligne en passant de width: 67%;
à width: 100%;

mon titre paraît centré, est ce que c'est ce qu'il fallait faire?
merci d'avance

4

Bonjour,
oui ! la syntaxe est correcte, si le rendu te convient
voir si c'est pas plus intéressant d'appliquer le centrage juste sur le nom du site au lieu de centrer l'intégralité de l'entête.
j'avance cela avec prudence, sans d'url pour voir c'est pas évident, à tester.

#entete { width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { text-align: center; vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; }

Cordialement

jeami a écrit :

bobof a écrit :

Bonsoir,
text-align: center;

cordialement

jeami a écrit :

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

merci, j'avais essayé mais sans résultat
je crois que j'ai trouvé, mais j'aimerai votre être sûr que ce soit correct:
dans la partie du ccs
#entete { text-align: center; width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

j'ai rajouté text-align: center; dans le code de la première ligne
puis j'ai modifié la deuxième ligne en passant de width: 67%;
à width: 100%;

mon titre paraît centré, est ce que c'est ce qu'il fallait faire?
merci d'avance

5

bobof a écrit :

Bonjour,
oui ! la syntaxe est correcte, si le rendu te convient
voir si c'est pas plus intéressant d'appliquer le centrage juste sur le nom du site au lieu de centrer l'intégralité de l'entête.
j'avance cela avec prudence, sans d'url pour voir c'est pas évident, à tester.

#entete { width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { text-align: center; vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; }

Cordialement

jeami a écrit :

bobof a écrit :

Bonsoir,
text-align: center;

cordialement

jeami a écrit :

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

merci, j'avais essayé mais sans résultat
je crois que j'ai trouvé, mais j'aimerai votre être sûr que ce soit correct:
dans la partie du ccs
#entete { text-align: center; width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

j'ai rajouté text-align: center; dans le code de la première ligne
puis j'ai modifié la deuxième ligne en passant de width: 67%;
à width: 100%;

mon titre paraît centré, est ce que c'est ce qu'il fallait faire?
merci d'avance

merci de me rassurer
j'ai essayé ce que tu dis, au début parce que ça me paraissait être effectivement plus juste, mais le titre reste en alignement gauche en faisant cela
ya peut être une astuce quelque part, mais je ne vois pas

pas d'url je suis en local, désolé

6

Si je me réfère au fichier standard /squelettes-dist/ inc-entete.html de spip 2.0.x, il contient ceci :

<div id="entete">
<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>" class="accueil">[(#LOGO_SITE_SPIP||image_reduire{300,100}) ]<strong id="nom_site_spip">#NOM_SITE_SPIP</strong></a>
#MENU_LANG
</div>

l'id nom_site_spip est affectée à la balise <strong> à laquelle il ne doit pas être possible d'affecter des valeurs de positionnement,
certainement que des valeurs de formatage du texte, dans ton cas faudrait mettre ça dans une balise conteneur du genre <span> ou autre, ça pourrai donner cela :

<div id="entete">
<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>" class="accueil">[(#LOGO_SITE_SPIP||image_reduire{300,100}) ]<span class="xyz"><strong id="nom_site_spip">#NOM_SITE_SPIP</strong></span></a>
#MENU_LANG
</div>

puis définir dans la feuille de style css
.xyz { text-align: center; }

à essayer.
Cordialement

jeami a écrit :

bobof a écrit :

Bonjour,
oui ! la syntaxe est correcte, si le rendu te convient
voir si c'est pas plus intéressant d'appliquer le centrage juste sur le nom du site au lieu de centrer l'intégralité de l'entête.
j'avance cela avec prudence, sans d'url pour voir c'est pas évident, à tester.

#entete { width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { text-align: center; vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; }

Cordialement

jeami a écrit :

bobof a écrit :

Bonsoir,
text-align: center;

cordialement

jeami a écrit :

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

merci, j'avais essayé mais sans résultat
je crois que j'ai trouvé, mais j'aimerai votre être sûr que ce soit correct:
dans la partie du ccs
#entete { text-align: center; width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

j'ai rajouté text-align: center; dans le code de la première ligne
puis j'ai modifié la deuxième ligne en passant de width: 67%;
à width: 100%;

mon titre paraît centré, est ce que c'est ce qu'il fallait faire?
merci d'avance

merci de me rassurer
j'ai essayé ce que tu dis, au début parce que ça me paraissait être effectivement plus juste, mais le titre reste en alignement gauche en faisant cela
ya peut être une astuce quelque part, mais je ne vois pas

pas d'url je suis en local, désolé

7

bobof a écrit :

Si je me réfère au fichier standard /squelettes-dist/ inc-entete.html de spip 2.0.x, il contient ceci :

<div id="entete">
<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>" class="accueil">[(#LOGO_SITE_SPIP||image_reduire{300,100}) ]<strong id="nom_site_spip">#NOM_SITE_SPIP</strong></a>
#MENU_LANG
</div>

l'id nom_site_spip est affectée à la balise <strong> à laquelle il ne doit pas être possible d'affecter des valeurs de positionnement,
certainement que des valeurs de formatage du texte, dans ton cas faudrait mettre ça dans une balise conteneur du genre <span> ou autre, ça pourrai donner cela :

<div id="entete">
<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>" class="accueil">[(#LOGO_SITE_SPIP||image_reduire{300,100}) ]<span class="xyz"><strong id="nom_site_spip">#NOM_SITE_SPIP</strong></span></a>
#MENU_LANG
</div>

puis définir dans la feuille de style css
.xyz { text-align: center; }

à essayer.
Cordialement

jeami a écrit :

bobof a écrit :

Bonjour,
oui ! la syntaxe est correcte, si le rendu te convient
voir si c'est pas plus intéressant d'appliquer le centrage juste sur le nom du site au lieu de centrer l'intégralité de l'entête.
j'avance cela avec prudence, sans d'url pour voir c'est pas évident, à tester.

#entete { width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { text-align: center; vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; }

Cordialement

jeami a écrit :

bobof a écrit :

Bonsoir,
text-align: center;

cordialement

jeami a écrit :

bonjour
spip 208 en local
comment centrer le titre du site (mon site spip) dans l'entête ?

je suppose que c'est dans l'habillage css qu'il faut modifier cette ligne
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

mais je n'ai pas su trouver quoi, désolé
j'ai essayé plein de truc mais je ne suis arrivé à rien
merci d'avance pour votre aide

merci, j'avais essayé mais sans résultat
je crois que j'ai trouvé, mais j'aimerai votre être sûr que ce soit correct:
dans la partie du ccs
#entete { text-align: center; width: 100%; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

j'ai rajouté text-align: center; dans le code de la première ligne
puis j'ai modifié la deuxième ligne en passant de width: 67%;
à width: 100%;

mon titre paraît centré, est ce que c'est ce qu'il fallait faire?
merci d'avance

merci de me rassurer
j'ai essayé ce que tu dis, au début parce que ça me paraissait être effectivement plus juste, mais le titre reste en alignement gauche en faisant cela
ya peut être une astuce quelque part, mais je ne vois pas

pas d'url je suis en local, désolé

Non, ça ne marche pas mieux
du coup le titre et le logo du site se trouve sur la même ligne