Problème FF/IE Affichage PNG

Problème FF/IE Affichage PNG - Web design - Graphisme

Marsh Posté le 19-11-2005 à 13:51:35    

Salut, je ne suis pas sur de poster dans la bonne catégorie, mais c'est ce qui me semble se rapprocher le plus de mon problème.
 
Je fais un petit sie sans prétention pour une association de ski au sein d'une école de commerce.
 
Je l'ai développé avec DreamWeaver. Vous pouvez aller voir sur cette page:
 
http://comski.advancia.free.fr/accueil.htm
 
Les utilisateurs de Firefox trouveront une page correcte, alors que les utilisateurs de IE voient en haut à droite (logo Advancia en png) le fond est gris.
 
Je pensais que le PNG était réèlement transparent
 
(J'ai utilisé la gomme d'arrière plan sur PhotoShop pour enlever le logo de fond de base du logo.)
 
Donc à moins de prendre ma couleur de fond et de poser un sceau de peinture et de remplacer mon image par une jpg, je ne vois pas comment faire.
 
Conclusion: J'aimerai garder cette image car elle s'accorde normalement sur tous les fonds, mais pas avec IE ...  
 
Images:
 
http://img496.imageshack.us/img496/8608/19qt.jpg Avec FireFox
 
http://img496.imageshack.us/img496/4008/25es.jpg Avec Internet Explorer

Reply

Marsh Posté le 19-11-2005 à 13:51:35   

Reply

Marsh Posté le 19-11-2005 à 14:06:55    

Reply

Marsh Posté le 19-11-2005 à 14:22:49    


 
Ah ... d'accord, mais je n'ai pas trop le choix quand j'enregistre avec Photoshop, avec un png ...
 
Je vais quand même  retourner...

Reply

Marsh Posté le 19-11-2005 à 14:27:14    

oui photoshop ne gère pas les png de manière optimum (en tt cas pour la version 7, cs et cs2 je ne sais pas), il existe un plugin pour ça mais j'ignore son nom.
 
Sinon faut voir en passant par un autre soft.
Gimp ou XnView peut-être...

Reply

Marsh Posté le 19-11-2005 à 14:46:37    

Avec photoshop CS, et même je crois avec quelques versions precedentes, si tu choisis "enregistrer poour le web" tu peux choisir d'enregistrer en PNG-8 plutot qu'en PNG-24 ce qui t'évitera je pense les probleme avec IE


---------------
Celui qui sait qu'assez est assez en aura toujours suffisamment - Loa Tseu  /
Reply

Marsh Posté le 19-11-2005 à 16:54:48    

sinon ya ça qui marche aussi, à insérer dans ton code:

Citation :

<script language="JavaScript" type="text/JavaScript">
 
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
   {
   for(var i=0; i<document.images.length; i++)
      {
   var img = document.images[i]
   var imgName = img.src.toUpperCase()
   if (imgName.substring(imgName.length-3, imgName.length) == "PNG" )
      {
   var imgID = (img.id) ? "id='" + img.id + "' " : ""
   var imgClass = (img.className) ? "class='" + img.className + "' " : ""
   var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
   var imgStyle = "display:inline-block;" + img.style.cssText  
   if (img.align == "left" ) imgStyle = "float:left;" + imgStyle
   if (img.align == "right" ) imgStyle = "float:right;" + imgStyle
   if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle  
   var strNewHTML = "<span " + imgID + imgClass + imgTitle
   + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
      + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
   + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"  
   img.outerHTML = strNewHTML
   i = i-1
      }
      }
   }
window.attachEvent("onload", correctPNG);
</script>


Message édité par darth21 le 19-11-2005 à 16:55:12

---------------
TZR un jour…  |  gamertag: cropNcut
Reply

Marsh Posté le 20-11-2005 à 00:58:11    

ie ne gere pas la transparence du png, quelque soit ça compression.
seul le hack javascript fonctionne. Mais a l'inconvenient d'etre assez mal interpreté quand il s'agit d'images de fond utilisé pour les zones cliquables.

Message cité 1 fois
Message édité par Lactique le 20-11-2005 à 00:59:12
Reply

Marsh Posté le 20-11-2005 à 01:04:04    

Lactique a écrit :

ie ne gere pas la transparence du png, quelque soit ça compression.
seul le hack javascript fonctionne. Mais a l'inconvenient d'etre assez mal interpreté quand il s'agit d'images de fond utilisé pour les zones cliquables.


 
Ben si, maitenant ça fonctionne ... Avec le PNG 8 ça marche ...

Reply

Marsh Posté le 20-11-2005 à 11:37:55    

Bah oui mais en PNG 8 tu n'as qu'un niveau de transparence (comme le gif), alors que le png 24 en gére 256 :D

Reply

Marsh Posté le 20-11-2005 à 14:09:15    

Danamir_ a écrit :

Bah oui mais en PNG 8 tu n'as qu'un niveau de transparence (comme le gif), alors que le png 24 en gére 256 :D


 
Oué mais IE marche pô bien avec le PNG 24 ...

Reply

Marsh Posté le 20-11-2005 à 14:09:15   

Reply

Marsh Posté le 21-11-2005 à 11:28:36    

lactique a raison. IE cette daube ne gère pas les transparences sur 8 bits (PNG 24) et les retranscrit en gris. A cause de cela, sans javascript, on ne peut avoir sur internet de VRAIES transparences.
 
En PNG 8, cela marche mais c'est une transparence binaire (pourrie), la même que pour les GIFs.
 
Ce que j'utilise souvent est 2 images, une avec une vraie transparence pour les navigateurs évolués, une autre en GIF pour cet âne de IE.
 
En CSS, ça donne ça (par exemple, pour le principe) :
 

Code :
  1. background: url(../images/menu.png) no-repeat !important;
  2. background: url(../images/menu.gif) no-repeat;


Message édité par Beral2 le 21-11-2005 à 11:29:00
Reply

Marsh Posté le 21-11-2005 à 11:36:01    

"daube", "âne", ...
commence à être saoulants les intégristes anti-IE...


---------------
TZR un jour…  |  gamertag: cropNcut
Reply

Marsh Posté le 21-11-2005 à 11:38:24    

Ce n'est pas ma faute si IE ne gère pratiquement rien correctement... si jamais il gère.
 
Pas de réelles transparences sur tout l'internet... à cause de lui tout simplement. Sinon le format de fichier PNG est excellent et pourrait remplacer de façon exceptionnelle le vieillissant format GIF.

Reply

Marsh Posté le 21-11-2005 à 11:50:18    

tu pouvais dire la même chose sans employer ces termes; ils étaient pas indispensable ni pour l'explication ni pour la compréhension.


---------------
TZR un jour…  |  gamertag: cropNcut
Reply

Marsh Posté le 21-11-2005 à 11:53:46    

Ne pas utiliser ces termes pour désigner une personne, je comprends tout à fait... pour un logiciel plus du tout. Quand un programme est nul, ben il est nul, désolé. Pas comme du graphisme ou autre qui peut dépendre de la sensibilité de chacun.
 
EDIT : je vois difficilement comment (nous sommes en catégorie graphisme, je ne t'apprends rien), devoir refaire toutes les images utilisant une transparence d'un site parce que l'on veut juste changer la couleur de background ne t'énerve pas. Et c'est justement ce qui risque d'arriver à ViMx pour son site http://comski.advancia.free.fr/accueil.htm.
 
Cela dit en passant, puisque de toute façon si la couleur de fond change il faudra refaire l'image, autant employer l'image sans transparence avec un fond identique à la couleur de fond de page (#EDF4FF).


Message édité par Beral2 le 21-11-2005 à 12:05:24
Reply

Marsh Posté le 12-12-2005 à 15:22:12    

ViMx a écrit :

Oué mais IE marche pô bien avec le PNG 24 ...


 
avec le hack ça marche tres bien  ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed