Défaut de centrage

[janto's dream]

Bonjour,

Je viens de m'apercevoir que les titres des forums n'étaient pas centrés sur Google Chrome alors qu'ils le sont sur IE et Opéra. Que puis-je faire pour régler ce problème de visuel ?

Merci d'avance pour votre aide.

Fichiers joints

Chrome.jpg Visuel Google ChromeVous n'avez pas la permission de télécharger les fichiers joints.(106 Ko) Téléchargé 8 fois

Opéra.jpg Visuel Opéra et IEVous n'avez pas la permission de télécharger les fichiers joints.(108 Ko) Téléchargé 4 fois

[MasDan]

Bonjour,

À ajouter à votre CSS

Code:

.secondarytitle h2 {
  text-align: center;
}

[janto's dream]

Je viens de le faire, mais ça ne marche pas, sur Chrome, la position est toujours la même, comme sur l'image fourni dans le message précédent

[MasDan]

Bonjour,

À enlever au CSS

Code:

.secondarytitle h2 {
  display: inline;
}


[janto's dream]

Je ne comprends pas ? Sur le CSS, il n'y a rien ? Dois-je aller dans les templates ?

[MasDan]

Bonjour,

Hier je vous ai demandé d'insérer du code (réf. text-align:center).
La demande d'aujourd'hui pour enlever «display : inline» se trouve dans le même fichier.  

Vour avez plus d'un endroit qui utilise «.secondarytitle h2 {» comme en fait foi la capture suivante.

[janto's dream]

Je vous remercie. Je le fais, mais je ne pourrai vérifier que ce soir. Actuellement, je n'ai pas Chrome sur l'ordinateur du bureau, je dois voir ça chez moi. Je vous tiens au courant.

[janto's dream]

Désolée, ça ne fontionne pas, j'ai inscrit les codes d'hier et d'aujourd'hui, mais sur Chrome, c'est toujours aligné à gauche comme dans l'image déjà fournie  

[MasDan]

Bonjour,

À enlever au CSS

Code:

.secondarytitle h2 {
  display: inline;
}


Il fallait enlever le code alors que vous l'avez ajouté.

Copie d'écran du navigateur Chrome avec la code «display : inline» activé.


Copie d'écran du navigateur Chrome avec la code «display : inline» déactivé.

Il faut maintenant enlever le code 2 fois.

[janto's dream]

Bonjour,
Je suis désolée, mais je ne dois pas vraiment comprendre. Le HTML n'est vraiment pas mon truc, je ne fais que me débrouiller en demandant de l'aide. J'ai repris les messages, j'ai enlevé et remis les codes et finalement mis deux fois le dernier comme vous le voyez ci-dessous, mais sur Chrome, j'ai toujours l'alignement à gauche. Je n'ai même pas réussi à trouver comment vous aviez ouvert la partie source de la page, c'est pour vous dire ! En tout cas, merci pour votre aide et j'espère que je finirai par comprendre exactement ce qu'il faut faire.

[MasDan]

Bonjour,

Supprimer les lignes 10 à 15 de votre CSS.  Ce sont ces lignes qui causent le problème.

Votre CSS doit être identique à ceci,  rien de plus.

[janto's dream]

Lignes supprimées, mais toujours alignement à gauche sur Chrome  

[MasDan]

Bonjour,

Il en reste toujours un (display : inline); probablement du CSS de base.

Nous allons modifier votre CSS de la partie en blue de l'image 1 (ligne 7 à 9) à la partie en blue de l'image 2.

Image 1

Image 2



Ce qui donnera ceci:

Code:

.secondarytitle h2 {
  text-align: center;
  display: block;
}

Je n'ai même pas réussi à trouver comment vous aviez ouvert la partie source de la page, c'est pour vous dire !

Ha oui , j'oubliais; comment voir le source et le CSS --> On pointe l'élément désiré sur la page WEB, un clic droit du la souris et choisir «Inspecter l'élément».

[janto's dream]

Merci pour votre patience, je vais le faire du bureau, mais je ne pourrai voir le résultat que chez moi cet après-midi, ici, je n'ai que IE.

Par contre, y a-t-il un endroit particulier à cliquer pour obtenir la source. Quand je fais clic droit, une fenêtre s'ouvre bien, mais elle est grise et non comme celle des images et je n'ai pas "Inspecter l'élément", je n'ai que "afficher la source".

[janto's dream]

Super, ça fonctionne pour la grande colonne, mais la dernière n'est pas centrée, que dois-je ajouter pour qu'elle le soit ?

[MasDan]

Bonjour,

Super, ça fonctionne pour la grande colonne, mais la dernière n'est pas centrée, que dois-je ajouter pour qu'elle le soit ?

Àjouter ceci à votre CSS

Code:

table.forumline > tbody > tr > th > div:contains("Derniers Messages") {
  dislay : block;
  text-align : center;
}

Merci pour votre patience, je vais le faire du bureau, mais je ne pourrai voir le résultat que chez moi cet après-midi, ici, je n'ai que IE.

Par contre, y a-t-il un endroit particulier à cliquer pour obtenir la source. Quand je fais clic droit, une fenêtre s'ouvre bien, mais elle est grise et non comme celle des images et je n'ai pas "Inspecter l'élément", je n'ai que "afficher la source".

Ce n'est pas disponible de cette façon sur IE et c'est aussi beaucoup moins conviviable.

La méthode indiquée fonctionne avec FireFox, Chrome et Opera. Il s'agit de pointer le curseur vers l'élément (l'endroit) que l'on veut examiner, un clic droit et choisir «inspecter l'élément». Le libellé peut varier selon le navigateur mais «élément» est toujours présent.

[janto's dream]

Je suis vraiment mortifiée de vous déranger ainsi. Ça ne fonctionne pas, j'ai fait un copié-collé en corrigeant "display" (identique à l'autre message), mais rien à faire, il reste à gauche  

[Anzu]

Bonsoir,

janto's dream > Merci d'utiliser la fonction

Cordialement.

[MasDan]

Bonjour,

Remplacer dans votre CSS, cette ligne

Code:

table.forumline > tbody > tr > th > div:contains("Derniers Messages") {


par

Code:

table.forumline > tbody > tr > th > div  {

[janto's dream]

Super, ça fonctionne   merci encore pour votre patience. Me reste maintenant à régler le problème de l'icône "en ligne" qui n'apparaît pas et tout sera parfait