Défaut de centrage

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Défaut de centrage

Message par janto's dream le Mer 4 Sep 2013 - 4:50

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


Dernière édition par janto's dream le Sam 7 Sep 2013 - 5:08, édité 1 fois

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Mer 4 Sep 2013 - 6:37

Bonjour,

À ajouter à votre CSS
Code:
.secondarytitle h2 {
  text-align: center;
}

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Mer 4 Sep 2013 - 6:43

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 Embarassed

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Jeu 5 Sep 2013 - 7:34

Bonjour,

À enlever au CSS
Code:
.secondarytitle h2 {
  display: inline;
}

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Jeu 5 Sep 2013 - 7:37

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

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Jeu 5 Sep 2013 - 8:30

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.

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Jeu 5 Sep 2013 - 8:41

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
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Jeu 5 Sep 2013 - 16:48

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 ::moitimide:: 

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Jeu 5 Sep 2013 - 21:04

Bonjour,

@MasDan a écrit:
À 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.

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Ven 6 Sep 2013 - 5:15

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.


janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Ven 6 Sep 2013 - 5:29

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.


MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Ven 6 Sep 2013 - 5:40

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

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Ven 6 Sep 2013 - 6:24

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;
}
@janto's dream a écrit: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».

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Ven 6 Sep 2013 - 6:50

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
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Ven 6 Sep 2013 - 14:37

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 ?

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Ven 6 Sep 2013 - 18:17

Bonjour,

@janto's dream a écrit: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;
}
@janto's dream a écrit: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.

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Ven 6 Sep 2013 - 18:30

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 Snifff 

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par Anzu le Ven 6 Sep 2013 - 19:42

Bonsoir,

janto's dream > Merci d'utiliser la fonction :editer:

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par MasDan le Sam 7 Sep 2013 - 4:15

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  {

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Défaut de centrage

Message par janto's dream le Sam 7 Sep 2013 - 5:08

Super, ça fonctionne  Yahoo 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 Wink

janto's dream
**

Féminin
Messages : 73
Inscrit(e) le : 15/11/2011

http://delencrealaplume.forumactif.org
janto's dream a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum