Site hébergé problème de mise en page

Fermé
ShaNeTribal Messages postés 40 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 3 janvier 2011 - 3 janv. 2011 à 14:27
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 4 janv. 2011 à 14:36
Bonjour,

Pourriez vous m'aidez svp ?

Voilà j'ai mis mon site sur le web pas encore dans le moteur de recherche google et là c'est la première fois que sa me le fait, à l'adresse il apparait nikel sur mon pc, mais sur un autre pc quand je navigue dessus les bordures ne sont pas de la même couleur, ainsi que le fond de la colonne principal n'est pas noir mais gris ^^ !

Quelqu'un peux m'expliquer ? si vous avez besoin d'une partie de code n'hésitez pas merci.

A voir également:

5 réponses

coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
3 janv. 2011 à 16:38
De deux choses l'une : soit tu n'utilises pas le même navigateur sur tes deux machines de test, soit les écrans n'ont pas la même configuration de couleurs. Ou les deux.

C'est un des soucis majeurs quand on crée un site web : s'assurer qu'il s'affiche pareil partout. Mais si tu me dis que tu as utilisé Firefox (par exemple) sur les deux ordinateurs, alors je pense que tu n'as pas à t'inquiéter, c'est juste que les deux écrans affichent les couleurs différemment. Ça dépend de la marque de l'écran et de ses configurations. Peut-être simplement que la "luminosité" du deuxième a été mise plus haute que pour le premier.

Je ne peux pas te dire s'il existe un "standard" de calibration d'écran, j'imagine que c'est simplement en fonction de ton oeil.

Là où tu dois t'inquiéter, c'est si les éléments de ta page s'affichent à des positions différentes dépendant de l'ordinateur. Mais la couleur... Impossible que ça provienne du code ! ;-)
1
ShaNeTribal Messages postés 40 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 3 janvier 2011 7
3 janv. 2011 à 22:03
Merci pour ta réponse Coeus !

Oui en effet je l'ai testé sur 2 machines de différents navigateur, et, je l'ai créer sur firefox.

J'essaie de rester classique sur la présentation pour que sa ne change pas trop mais le fond n'est plus en noir il est transparent donc l'écriture n'est plus vraiment lisible et je m'inquiète pour mes futurs visiteurs qui utilisent pleins de navigateurs différents comment gérer cela ?
0
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
3 janv. 2011 à 22:45
Quelle couleur exactement (code en #XXXXXX) as-tu utilisée pour ton fond ? Était-ce un vrai noir #000000, ou un gris très foncé genre #111111 ?

Et tu n'as jamais voulu que ledit fond soit "transparent", n'est-ce pas ?

Peux-tu me donner les attributs CSS des éléments qui posent problème ? Ça m'intrigue... Peut-être que je comprendrai quelque chose en voyant ça ? ;-)
0
ShaNeTribal Messages postés 40 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 3 janvier 2011 7
3 janv. 2011 à 23:03
oui sans soucis c'est la colonne centrale en fait.


<style>
<!-- a{text-decoration:none;
	color: #FFFFFF;
}//-->
.style1 {
	color: #000000; 
}
.style2 {
	font-size: x-small;
}
.style3 {
	font-family: Tahoma;
}
.style5 {
	font-size: xx-small;
}
.style7 {
	text-align: center;
}
.style11 {
	color: #000000;
}
.style12 {
	font-size: x-small;
	color: #FFFFFF;
}
.style13 {
	border: 8px solid #000000;
}
.style14 {
	border: 1px solid #333333;
	background-color: #000000;
}

.style17 {
	color: #FFFFFF;
	font-style: italic;
}
.style18 {
	color: #3300CC;
	font-weight: bolder;
}
.style20 {
	border-width: 1px;
	color: #FFFFFF;
}
a:active {
	color: #000000;
}
.style22 {
	border-style: solid;
	border-width: 1px; <!-- Taille bordure interne du cadre en dessous du titre !-->
	background-color: #000000;
	border: #000000
}
.style23 {
	border-width: 1px; <!-- bordure du cadre en dessous du titre !-->
	color: #000000;
		border-style: solid;
		background-image: url(".gif"); <!-- fond haut milieu contour bordure derrière newsletter et autre en bas !-->
}
.style24 {
	background-image: url('.gif'); 
}
.style29 {
	text-align: center;
	color: #FFFFFF;
	background-image: url ("strip.jpg"); <!-- CADRE CONTOURD INTERNE !-->
	border: #000000
}
.style30 {
	color: #FFFFFF; <!-- couleur d'écriture centre et gauche !-->
	border: #000000
    background-color:transparent;}
.style31 {
	background-color: #000000;
}
.style32 {
	border: 1px solid #008000 1px solid #008000 1px solid #008000 1px solid #008000;
	background-image: url("metal_texture_3_by_wojtar_stock.jpg"); <!-- fond droit derrière la suite de newsletter !-->
}
.style33 {
	border: 1px solid #000000 1px solid #008000 1px solid #000000 1px solid #008000;
	color: #000000;
		background-image: url("metal_texture_3_by_wojtar_stock.jpg"); <!-- fond haut gauche derrière newsletter !-->
}
.style34 {
	color: #FF00FF;
	font-family: century;
	font-size: x-small;
}
.style35 {
	border-width: 6px;<!-- bordure du cadre dans la colonne central !-->
}
.style16 {
	color: #000000;
}
.style36 {
	border-width: 1px;
	color: #000000;
	text-align: center;
	background-color: #000000;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.style38 {
	border-style: solid;
	border-width: 1px; <!-- contour de toute la page central !-->
	color: #000000;
	background-color: #000000;<!-- contour des menus !-->
	border-top-color: #000000;
	border-right-color: #000000;<!-- contour du menu de gauche droite de droite !-->
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.style40 {
	border-style: solid;
	border-width: 5px; <!-- colonne central !-->
	background-color: #000000;
	border-top-color: #000000; <!-- bordure du haut color !-->
	border-right-color: #000000;
	border-bottom-color: #000000; <!-- bordure du bas !-->
	border-left-color: #000000;
}
.style43 {
	color: #000000;
	background-color: #000000; <!-- color de fond du menu de gauche !-->
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000; <!-- color de bordure menu !-->
	border-left-color: #000000;
}
.style44 {
	background-color: #000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px; <!-- px bordure du milieu en haut !-->
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000; <!-- bord interne droit colonne central !-->
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.style46 {
	background-color: #000000;<!-- color de fond du menu de droite !-->
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #FFFFFF;
}
.style47 {
	color: #FFFFFF;
	font-family: Verdana;
	font-size: small;
}
.style48 {
	border-width: 1px;
	color: #000000;
	border-style: solid;
	background-image: url('strip.jpg');
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.Style50 {color: #000000; font-weight: bolder; }
.Style51 {font-size: large}
.Style52 {font-size: large; color: #FFFFFF; } <!-- couleur du texte en bas du menu gauche !-->
</style>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
4 janv. 2011 à 14:36
Ok...
J'ai regardé un peu vite mais je ne pense pas avoir manqué grand-chose...

Tous les attributs que tu utilises sont sensés s'afficher de la même manière. Pas d'exception. C'est vraiment juste le deuxième écran sur lequel tu as testé qui doit avoir un gamma beaucoup plus fort, pour voir le noir en gris...

As-tu encore accès à ce deuxième ordi ? Ce que tu devrais faire, si tu en as la possibilité, c'est de faire un screenshot de ta page sur les deux ordis, et comparer ces deux screenshots sur le même écran. Alors tu verras s'il y a vraiment une différence.

Aussi, à tout hasard... Tu as :
.style30 {
	color: #FFFFFF; <!-- couleur d'écriture centre et gauche !-->
	border: #000000
    background-color:transparent;}


Essaie de mettre seulement ceci à la place :
.style30 {
	color: #FFFFFF;
	border: #000000;
}


Sait-on jamais. Je ne vois pas pourquoi ça changerait quelque chose vu que tu as testé sur le même navigateur partout, mais des fois des choses bizarres se produisent ;-)

Dis-moi si tu es en mesure de faire le test que je te propose, et le résultat quand tu l'auras fait !
0