easytype Posté 7 Avril 2009 Partager Posté 7 Avril 2009 Bonsoir à tous ! Désolé, aujourd'hui j'abuse un peu du forum, mais là, un petit truc m'énerve ! 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
paolodelmare Posté 7 Avril 2009 Partager Posté 7 Avril 2009 IE7 est réputé pour sa mauvaise gestion de la transparence des PNGs, ca vient peut être de là. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 7 Avril 2009 Partager Posté 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
easytype Posté 7 Avril 2009 Auteur Partager Posté 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 ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
paolodelmare Posté 7 Avril 2009 Partager Posté 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
easytype Posté 7 Avril 2009 Auteur Partager Posté 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 7 Avril 2009 Partager Posté 7 Avril 2009 En commençant par mettre un code html correct Lien vers le commentaire Partager sur d’autres sites More sharing options...
easytype Posté 7 Avril 2009 Auteur Partager Posté 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> Lien vers le commentaire Partager sur d’autres sites More sharing options...
Saucisson Posté 8 Avril 2009 Partager Posté 8 Avril 2009 (modifié) 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
easytype Posté 8 Avril 2009 Auteur Partager Posté 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dadou Posté 8 Avril 2009 Partager Posté 8 Avril 2009 Je te conseille d'aller revoir les bases : http://www.siteduzero.com/tutoriel-3-13666...e-site-web.html Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant