Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1006 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Problème FF/IE Affichage PNG

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème FF/IE Affichage PNG

n°742334
ViMx
Posté le 19-11-2005 à 13:51:35  profilanswer
 

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

mood
Publicité
Posté le 19-11-2005 à 13:51:35  profilanswer
 

n°742344
Skopos
Posté le 19-11-2005 à 14:06:55  profilanswer
 
n°742352
ViMx
Posté le 19-11-2005 à 14:22:49  profilanswer
 


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

n°742355
Skopos
Posté le 19-11-2005 à 14:27:14  profilanswer
 

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

n°742369
EmoFiftyNi​ne
corps + organes
Posté le 19-11-2005 à 14:46:37  profilanswer
 

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  /
n°742414
darth21
Modérateur
¡ uʍop ǝpısdn
Posté le 19-11-2005 à 16:54:48  profilanswer
 

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
n°742536
Lactique
Caraïbe et huile de coco
Posté le 20-11-2005 à 00:58:11  profilanswer
 

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
n°742539
ViMx
Posté le 20-11-2005 à 01:04:04  profilanswer
 

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

n°742597
Danamir_
kodama
Posté le 20-11-2005 à 11:37:55  profilanswer
 

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

n°742618
ViMx
Posté le 20-11-2005 à 14:09:15  profilanswer
 

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

mood
Publicité
Posté le 20-11-2005 à 14:09:15  profilanswer
 

n°742865
Beral2
Posté le 21-11-2005 à 11:28:36  profilanswer
 

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
n°742868
darth21
Modérateur
¡ uʍop ǝpısdn
Posté le 21-11-2005 à 11:36:01  profilanswer
 

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


---------------
TZR un jour…  |  gamertag: cropNcut
n°742870
Beral2
Posté le 21-11-2005 à 11:38:24  profilanswer
 

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.

n°742880
darth21
Modérateur
¡ uʍop ǝpısdn
Posté le 21-11-2005 à 11:50:18  profilanswer
 

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
n°742881
Beral2
Posté le 21-11-2005 à 11:53:46  profilanswer
 

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
n°752656
mobyfab
The power of dreams.
Posté le 12-12-2005 à 15:22:12  profilanswer
 

ViMx a écrit :

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


 
avec le hack ça marche tres bien  ;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Problème FF/IE Affichage PNG

 

Sujets relatifs
Probleme d'affichage FireFox et clignotement IEProblème d'exportation au format IGES
Problème sous illustrator CS de taille de contourFlash MX: un petit problème et une question
Probleme d'importationProbleme de montage video, help please
piti probleme 3dsmaxProblème pour fiare mon cadre
Probleme lors de la generation HTML-images 
Plus de sujets relatifs à : Problème FF/IE Affichage PNG


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR