Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: [resolu] png 24 et internet exploreur 5.5 6  (Lu 4801 fois)

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« le: février 29, 2008, 13:46:50 pm »

Bonjour, je suis un peu ennuyé.

J'ai trouver un super javascript, qui me permet d'afficher mes png sur IE.

Mais je me rends compte que cela ne fonctionne que si l'image est directement dans mon code html, si celle-ci est placé en background d'une div, la transparence ne ce fait pas et c'est bien dommage.

Quelqu'un peut il m'aider???
Je glisse le code js.

Merci d'avance.

Agreu

IP archivée

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #1 le: mars 03, 2008, 09:14:36 am »

Bon personne n'a l'air de savoir comment je peux résoudre mon soucis????
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #2 le: mars 03, 2008, 10:10:32 am »

Si la réponse existe, tu l'as aussi d'ailleurs il suffit de lire ton script...
Ce que fait ton script c'est juste d'appliqué le filtre DXImageTransform.Microsoft.AlphaImageLoader à chaque image de ton dom, seulement ton css n'en fait pas partie. il suffit donc juste de faire un css spécifique de ie6 qui rajoute le mm filtre à tes images (pas moyen de le codé mais on peut toujours l'écrire...)
ainsi
//css "normal"
div.exemple {
background: url(../images/exemple.png) 100% 0 no-repeat ;
}
dans ton html
ton css ie6
div.exemple {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/exemple.png', sizingMethod='crop');
background: none;
}
et enfin le composant HTML (htc) presque identique au tiens  sauf qu'il ne s'interesse pas u'a la balise source (tu dois pouvoir garder ton script mais au cas ou celui la marche et en plus il réfère son auteur qui le mérite ;) )





il ne te reste plus qu'a vérifier que ton blank.gif est à la bonne place et roule.
IP archivée

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #3 le: mars 03, 2008, 11:56:11 am »

Merci bcp, mais je suis novice et tout cela est un peu complexe.
Des bouts de code comme ça ne me disent rien, sur une pages monter en html et les fichiers annexe tout va mieux, là je suis perdu.
QU'est ce que je mets ou et quoi et quand?

"img { behavior: url(/css/iepngfix.htc); } " qu'est ce que cela veut ditre.
Avec ce que je comprends, je n'arrive pas à faire fonctionner le tout.
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #4 le: mars 03, 2008, 12:53:42 pm »

cela me paraissait pourtant assez clair mais reprennons :

il y a dans les bouts de codes 2 css (ce sont des exemples) un du css principal (on dira ton ccs commun) il te suffit de le "linker" comme tu as fait dans ton site pour l'instant. L'autre css est browser dit spécifique pour ie6 dans ce cas (donc un fichier .css à part de ton premier)  tu dois le  chargé après le général est uniquement si le navigateur es ie6 c'est pourquoi sont linkage se fait par le bout de code et tant que l'on est dans un morceau qui n'est interprété que par ie6 on rajoute une autre clause css générale cette fois qui dit que toutes les images font appel à un comportement qui est définis dans le fichier iepng.htc (c'est le img { behavior: url(/css/iepngfix.htc); } c'est juste une règle css ;) ). Le fichier .htc (dernier bout de code) est juste un composant html qui contient les scripts javascript pour ie (c'est a peu près le mm que celui que tu fournis) il est juste dans un fichier .htc pour faire plaisir à internet explorer ;) .
J'espère que c un peu plus clair.

pour résumer:
tu as 4 fichier 2 css, ton html et ton htc.
ton html contient un lien vers ton css
puis une partie conditionnel à ie qui lui rajoute un lien vers un fichier css spécifique à ie dans lequel tu ajoute le filtre de transparence au png de ton css que tu veux transparent. (voit dans le bout de code)
une regle css générale pour toutes les images de ton code html qui leur applique un comportement, dans ce cas le script contenu dans le fichier iepng.htc qui fait la mm chose que ton script à savoir rajouté le filtre DXImageTransform.Microsoft.AlphaImageLoader... à l'image
et enfin le reste de ton code html
IP archivée

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #5 le: mars 03, 2008, 14:16:39 pm »

Merci c'est un peu plus clair, mais comment je créer le fichier htc????
Dream peut me le permettre? mais comment? ou je créer un doc texte et je change l'extention ensuite (je feinte...)

Donc un fichier - html, link vers un css de base avec ma feuille de style normal, un css ie6.css qui ne sert que si je suis sur IE d'ou la fonction if.
Le pb c'est que si je colle cette partie de code dans mon html il est grisé (en commentaire).
Je vais reprendre au calme ce soir.

Merci c'est sympa de ta part de prendre du temps pour un vieux qui débute.
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #6 le: mars 03, 2008, 14:55:36 pm »

Citation de: agreu
Dream peut me le permettre ... je créer un doc texte et je change l'extention ensuite (je feinte...)
OUI
Citation de: agreu
Donc un fichier - html, link vers un css de base avec ma feuille de style normal, un css ie6.css qui ne sert que si je suis sur IE d'ou la fonction if.
Le pb c'est que si je colle cette partie de code dans mon html il est grisé (en commentaire).
T'inquiète pas pour la coloration syntaxique ie comprendras c'est l'essentiel.
IP archivée

agreu

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 198
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #7 le: mars 04, 2008, 10:50:33 am »

il ne te reste plus qu'a vérifier que ton blank.gif est à la bonne place et roule.

Dernière modification par T_bo (Hier 11:12:44)




Qu'est ce que c'est que cette image blank.gif, c'est mon background que je nomme comme ça?
ou est ce une image a importer?

Merci
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
[resolu] png 24 et internet exploreur 5.5 6
« Réponse #8 le: mars 04, 2008, 11:24:41 am »

blank.gif est un gif transparent de 1*1pixel que l'on utilisé dans le temps pour formater les tableaux. La dans ce cas précis il sert au filtre simuler la transparence. Tu en trouveras un n'importe où sinon il te suffit de le faire avec Ps.
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum