[Résolu] Kompozer Centrer un titre dans une classe

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Jean Sympa
Lézard à collerette
Messages : 266
Inscription : 13 nov. 2005, 22:55

[Résolu] Kompozer Centrer un titre dans une classe

Message par Jean Sympa »

Bonjour à toutes et à tous,

Kompozer Centrer un titre dans une classe

J'ai créé une classe titre.
.h1 {
background-color: red;
font-size: xx-large;
}

Je voudrais centrer le titre dans la classe.
Est-il possible de connaître la largeur du titre, en pixels, en pourcentage?
La largeur étant connue, je pourrai cnetrer le titre.

Comment fait-on pour centrer un titre alors qu'on ne connait pas sa largeur?
Comment faites-vous?

Avec mes remerciements
Cordialement
Papy
Dernière modification par Jean Sympa le 29 nov. 2010, 11:08, modifié 1 fois.
Thunderbird 53.3.0 (32.3.0 bits) - Firefox 55.0.3 (64 bits) - Windowws 10
Un pour tous, tous pour un
http://grainamoudre.fr/index.php/le-blog/
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Re: Kompozer Centrer un titre dans une classe

Message par Gagea »

Bonjour Papy,
Pourquoi créer une class h1 ?
Si ton titre se trouve par exemple dans l'en-tête tu peux le centrer de cette façon (onglet texte / alignement : centré):
#header h1 {
text-align: center;
}
Un titre étant un élément de type bloc il occupe toute la largeur disponible.
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Jean Sympa
Lézard à collerette
Messages : 266
Inscription : 13 nov. 2005, 22:55

Re: Kompozer Centrer un titre dans une classe

Message par Jean Sympa »

Merci Gagea

Je connais le tuto.

> Un titre étant un élément de type bloc il occupe toute la largeur disponible.
Où est le lien avec le centrage du titre?

J'ai fait des essais. J'ai sélectionné un titre. Je l'ai déclaré h1. Dans le sélecteur h1, j'ai sélectionné
Styles internes et j'ai centré le titre dans l'onglet Texte. Je n'obtient pas:
#header h1 {
text-align: center;
}
Qui devrait se trouver dans la partie head. C'est #header h1 que je n'obtiens pas.

Ai-je bien compris?

Cordialement
Papy
Thunderbird 53.3.0 (32.3.0 bits) - Firefox 55.0.3 (64 bits) - Windowws 10
Un pour tous, tous pour un
http://grainamoudre.fr/index.php/le-blog/
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Re: Kompozer Centrer un titre dans une classe

Message par Gagea »

Tout se passe dans la feuille de style accessible par Cascades
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités