Centrer la description du site

[Tritonmhz]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 26/05/2024
Lien du forum : https://cepiweb.forumactif.com/

Description du problème

Bonjour,

Merci par avance pour vos retours.

Comment puis-je faire pour centrer la description du site, svp ? (voir image)

J'ai cherché sur le forum mais en vain. Je pense que ce n'est pas compliqué mais encore faut-il le savoir..

[Laférosse]

Bonsoir, mettez ce code dans la feuille de style (css).

Code:

#header-banner h2 {
    text-align: center;
    width: 100%;
}

[Tritonmhz]

LaférosseBonsoir, mettez ce code dans la feuille de style (css).

Code:

#header-banner h2 {
    text-align: center;
    width: 100%;
}

Bonsoir Laférosse,

Merci pour ce retour.

Mais cela ne fonctionne pas. Il s'est bien déplacé mais il n'est toujours pas au centre.



Bien à vous

[MlleAlys]

Bonsoir,
Essayez plutôt :

Code:

#header-banner h2 {
    text-align: center;
    right: 0;
    left: 0;
    max-width: unset;
}

(à la place du code précédent, c'est quasiment le même mais il devrait donner le bon résultat)

[Tritonmhz]

Bonsoir,
Essayez plutôt :

Code:

#header-banner h2 {
    text-align: center;
    right: 0;
    left: 0;
    max-width: unset;
}

(à la place du code précédent, c'est quasiment le même mais il devrait donner le bon résultat)

Bonjour MlleAlys,

Merci pour ce retour.

Effectivement, c'est mieux la description est bien centré.
Pourriez-vous expliquer, svp ? 
Merci

Bien à vous

[MlleAlys]

Le bloc du titre est au départ en position absolue, donc par défaut prend la largeur qui correspond à son contenu. Il a seulement une largeur maximale.
max-width:unset; permet de supprimer cette largeur maximale.
left:0; et right:0; positionnent le bloc par rapport aux bords de la page : à 0px du bord droit et à 0px du bord gauche ; autrement dit, le bloc fait à présent toute la largeur de la page.
à partir de là, text-align:center; place le texte au milieu du bloc.

[Tritonmhz]

Le bloc du titre est au départ en position absolue, donc par défaut prend la largeur qui correspond à son contenu. Il a seulement une largeur maximale.
max-width:unset; permet de supprimer cette largeur maximale.
left:0; et right:0; positionnent le bloc par rapport aux bords de la page : à 0px du bord droit et à 0px du bord gauche ; autrement dit, le bloc fait à présent toute la largeur de la page.
à partir de là, text-align:center; place le texte au milieu du bloc.

Merci infiniment pour ces explications. Je comprends mieux et je pourrai m'en servir plus tard

Excellente soirée,
Bien à vous