28172 sujets
CSS et mise en forme, CSS3
Bonjour et bienvenue,
pour ne pas avoir besoin de hack, les PNG-8 créés par Adobe Fireworks et pngnq sont (presque) parfaits. Ils "embarquent" les dégradés de transparence similaires à ceux des PNG-24 pour tous les navigateurs et puis IE6 lui affiche une transparence simple comme on les connait dans les PNG-8 "simples".
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
Pour ton menu que tu décris dans un autre sujet, ce serait suffisant. Le problème c'est de créer ces fichues images (sans Firework$)
Modifié par Felipe (22 Apr 2008 - 11:11)
pour ne pas avoir besoin de hack, les PNG-8 créés par Adobe Fireworks et pngnq sont (presque) parfaits. Ils "embarquent" les dégradés de transparence similaires à ceux des PNG-24 pour tous les navigateurs et puis IE6 lui affiche une transparence simple comme on les connait dans les PNG-8 "simples".
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
Pour ton menu que tu décris dans un autre sujet, ce serait suffisant. Le problème c'est de créer ces fichues images (sans Firework$)
Modifié par Felipe (22 Apr 2008 - 11:11)
Merci pour vos réponses. 
Mais je veux utiliser du PNG 24.
Le tout, c'est de trouver un hack qui puisse lire ces PNG sur IE aussi bien les images en dures que celles dans un background.
Je sais... je chipotte je chipotte...
Pour la différence entre PC et Mac sur l'affichage des images (1 pixel de décalage
) je pense utiliser un script qui détecte l'OS. (si quelqu'un à une idée je suis preneur ) 
lien de ce post : http://forum.alsacreations.com/topic-4-34271-1-Probleme-daffichage-entre-PC-et-Mac-les-2-sur-Firefox.html
Modifié par vialistik (22 Apr 2008 - 17:26)
Mais je veux utiliser du PNG 24.
Le tout, c'est de trouver un hack qui puisse lire ces PNG sur IE aussi bien les images en dures que celles dans un background.
Je sais... je chipotte je chipotte...
Pour la différence entre PC et Mac sur l'affichage des images (1 pixel de décalage
) je pense utiliser un script qui détecte l'OS. (si quelqu'un à une idée je suis preneur ) lien de ce post : http://forum.alsacreations.com/topic-4-34271-1-Probleme-daffichage-entre-PC-et-Mac-les-2-sur-Firefox.html
Modifié par vialistik (22 Apr 2008 - 17:26)
Bonjour,
J'ai un problème avec l'utilisation du fichier iepngfix.htc pour rendre mes images PNG transparentes sur les version 5.5 et 6 de IE.
Après avoir appliqué iepngfix.htc mes images deviennent bien transparentes mais le problème c'est que dans les blocs avec des background en PNG j'ai également des liens. Et ces liens deviennent bizarrement inaccessibles, on peut plus cliquer dessus. Est ce que vous avez déjà rencontré ce problème?
En gros j'ai quelques chose comme ça :
<div style="background: url('mon_image.png'); behavior: url(iepngfix.htc);">
<ul>
<li><a href="ma_page1.html">mon lien 1</a></li>
<li><a href="ma_page2.html">mon lien 2</a></li>
</ul>
</div>
Mes liens ne sont plus cliquables, comme si c'était du texte standard... Une solution?
J'ai un problème avec l'utilisation du fichier iepngfix.htc pour rendre mes images PNG transparentes sur les version 5.5 et 6 de IE.
Après avoir appliqué iepngfix.htc mes images deviennent bien transparentes mais le problème c'est que dans les blocs avec des background en PNG j'ai également des liens. Et ces liens deviennent bizarrement inaccessibles, on peut plus cliquer dessus. Est ce que vous avez déjà rencontré ce problème?
En gros j'ai quelques chose comme ça :
<div style="background: url('mon_image.png'); behavior: url(iepngfix.htc);">
<ul>
<li><a href="ma_page1.html">mon lien 1</a></li>
<li><a href="ma_page2.html">mon lien 2</a></li>
</ul>
</div>
Mes liens ne sont plus cliquables, comme si c'était du texte standard... Une solution?
electroger a écrit :
Mes liens ne sont plus cliquables, comme si c'était du texte standard... Une solution?
La seule solution que je connaisse pour retrouver le comportement naturel des liens (et même du texte / des images / etc.) : positionner le conteneur relativement.
a {
position:relative; }
/* si ça marche pas tu peux également tester : */
div {
position:relative; }
/* et même : */
div ul li {
position:relative; }
Mais les résultats sont assez variables... y a toujours eu un grand mystère autour des problèmes de liens incliquables, et pas vraiment de solution fiable (à part des .gif à la place des .png).
.