Image pas de la même couleur sous 2 Navigateurs différents ... Ôô

easytype · 7 Avril 2009

Bonsoir à tous !

Désolé, aujourd'hui j'abuse un peu du forum, mais là, un petit truc m'énerve ! :mad2: :nonono:

Une de mes images mise sur mon FTP n'a pas la même couleur sous IE7 que Firefox3 Ôô

Lien de l'image :

http://moe.mabul.org/up/moe/2009/04/07/img-215054wg4p8.jpg

Et rien que cela change totalement le site :

Bizarre non ?

Aidez-moi, c'est horrible

Merci

paolodelmare · 7 Avril 2009

IE7 est réputé pour sa mauvaise gestion de la transparence des PNGs, ca vient peut être de là.

**Dadou** · 7 Avril 2009

C'est IE6 qui à une mauvaise gestion de la transparence, par contre, IE toute version (quoique je n'ai pas vérifié sous IE8) génère un décalage de rendu des couleurs en PNG

easytype · 7 Avril 2009

Okay, Merci de vos réponse, j''vais essayer un autre format, mais bon :

Jpeg : perte de qualité

Bmp : Lourds

Gif : Perte de qualité ...

Lequel prendre alors ?

paolodelmare · 7 Avril 2009

->dadou : je te confirme avoir déjà rencontré des pb de transparences sous IE7 (SEPT) dans certaines circonstances. Il est vrai qu'il s'agit ici plus vraisemblablement d'un pb de rendu de couleur.

->easytype : tu peux essayer d'abord d'optimiser tes png, certaines versions de photoshop le gère mal.

Si tjrs pb, tu as diverse alternatives : le flash, décomposer ton image avec des png pour les détails et un bkgrnd (qui semble poser problème) dans un autre format . Sinon une bidouille avec des commentaires conditionnels.

easytype · 7 Avril 2009

Merci, j'ai mis en JPEG, et sa marche super !

Enfin presque, sous Firefox, il y'a une barre grise qui apparait, je ne sais comment l'enlever :

http://jessy.houcke.free.fr/forteresse/lolilol.php

**Dadou** · 7 Avril 2009

En commençant par mettre un code html correct

easytype · 7 Avril 2009

Et comment faire ?

Je ne sais ou placer les balises :/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<link rel="stylesheet" type="text/css" href="css/style.css" />

</head><html>
<body>
<br>
<br>
<div class="total_corps">
<div class="corps_haut"></div>
<div class="corps">




<center><style type="text/css">
<!--
body 
{
background: #303036;
}
ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:1;
padding:0;
}
ul {

background: transparent url(abf.jpg) top left repeat;	/* arrière-plan général du menu */
width: 573px;
height: 146px; 

}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 147px; 
width: 191px;

}
a#lien1:hover, a#lien2:hover, a#lien3:hover {
    background: transparent url(abf.jpg) top left no-repeat;
}
a#lien1:hover {
background-position: -0px 101%;
}
a#lien2:hover {
background-position: -191px 101%;
}
a#lien3:hover {
background-position: -382px 101%;
-->

</style>
</head>
</body>
<body>
<ul>
	<li><a id="lien1" href="#"></a></li>
	<li><a id="lien2" href="#"></a></li>
	<li><a id="lien3" href="#"></a></li>
</ul></center>


</body>
</html>

<br>
<br>

</div>
</div>
<div class="corps_bas"></div>
<br>
<br>
<br>

Saucisson · 8 Avril 2009

Déjà tu as plusieurs <body> dans une même page, ce qui n'est pas très correct

Ensuite tu devrais mettre tes <style> entre <head> et </head> pour les centraliser et rendre ton code plus lisible.

Si tu veux faire les choses bien fais une feuille de style externe, c'est encore mieu.

Modifié 8 Avril 2009 par Saucisson

easytype · 8 Avril 2009

Hello,

Merci pour ton aide, j'ai essayé de bouger des balises et tout et tout, mais je n'y arrive pas :/

Voici mon nouveau code qui ne change rien à la page : http://jessy.houcke.free.fr/forteresse/lolilol.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

	<link rel="stylesheet" type="text/css" href="css/style.css" />

<html>
<body>
<br>
<br>
<div class="total_corps">
<div class="corps_haut"></div>
<div class="corps">

<center><head><style type="text/css">
<!--
body 
{
background: #303036;
}
ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:1;
padding:0;
}
ul {

background: transparent url(abf.jpg) top left repeat;	/* arrière-plan général du menu */
width: 573px;
height: 146px; 

}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 147px; 
width: 191px;

}
a#lien1:hover, a#lien2:hover, a#lien3:hover {
    background: transparent url(abf.jpg) top left no-repeat;
}
a#lien1:hover {
background-position: -0px 101%;
}
a#lien2:hover {
background-position: -191px 101%;
}
a#lien3:hover {
background-position: -382px 101%;
-->


</head></style>

<ul>
	<li><a id="lien1" href="#"></a></li>
	<li><a id="lien2" href="#"></a></li>
	<li><a id="lien3" href="#"></a></li>
</ul></center>
</body>




<br>
<br>

</div>
</div>
<div class="corps_bas"></div>
</html>

Merci

**Dadou** · 8 Avril 2009

Je te conseille d'aller revoir les bases : http://www.siteduzero.com/tutoriel-3-13666...e-site-web.html

Connexion

Image pas de la même couleur sous 2 Navigateurs différents ... Ôô

Sujets conseillés

easytype

paolodelmare

Dadou

easytype

paolodelmare

easytype

Dadou

easytype

Saucisson

easytype

Dadou

Veuillez vous connecter pour commenter

Parcourir

Activité