création d'un site web

[svernoux]

Pour d'autres formats, je sais pas, mais comme tu n'es pas le premier à te poser la question, on trouve plein de "contournements", par exemple :
http://linuxeduquebec.org/article.php3?id_article=281
http://phoenity.com/newtedge/png_degradability/
Ceci dit, je sais pas ce que ça vaut, pas testé, mais j'en aurai peut-être besoin aussi un de ces quatre...

[kokoyaya]

C'est un peu le bazar et on perd de la qualité mais ça a l'air de marcher.
Merci madame

[chatoune]

Il me semble que le format gif gère la transparence.

[kokoyaya]

Il me semble que le format gif gère la transparence.

Oui mais la qualité est pourrie quand on veut utiliser des photos

[arkayn]

N'utilisant jamais le PNG, je ne m'étais pas penché sur la question, mais voici une méthode sans perte de qualité, semble-t-il :

Internet Explorer supporte partiellement le format PNG; le canal alpha n'est pas spontanément appliqué. Il existe une méthode permettant à Internet Explorer versions 5.5 et ultérieures d'afficher correctement les images avec canal alpha; noter que cette méthode ne s'applique qu'aux balises <img/> et qu'aux directives CSS background[-image]. Il s'agit de la directive CSS non-officielle filter utilisant une commande propriétaire: AlphaImageLoader. Ainsi pour afficher une image au format PNG, au lieu d'utiliser:

<img src="foo.png" />

Internet Explorer nécessite:

<img src="blank.gif" style="width:100px; height: 64px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='foo.png', sizingMethod='scale');" />

Remarquer l'inclusion du « blank.gif » qui pointe vers un fichier GIF de dimension 1 pixel par 1 pixel, transparent. Il faut aussi spécifier la taille de l'image PNG via une directive CSS afin que l'image soit affichée à la bonne taille. Pour les fonds d'écran, au lieu d'utiliser:

<div style="background: url(foo.png);"></div>

Il suffit d'allonger la directive:

<div style="background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='foo.png', sizingMethod='scale');"></div>

[Beaumont]

Oui le gif gère la transparence mais c'est 256 couleurs seulement.

[iubito]

J'applique actuellement la méthode citée par Arkayn, avec en php une petite fonction hackImagePNGpourIE qui met le code bazar si c'est IE, ou le code normal si c'est autre. (Exemple d'utilisation ici le logo en haut à gauche

Il existe une solution plus sympa :
« IE7 » de Dean Edwards
ce qui revient un peu au même, mais corrige au passage des tonnes de bugs d'IE. Je ne l'ai encore jamais utilisé

[arkayn]

...une petite fonction hackImagePNGpourIE qui met le code bazar si c'est IE

C'est normal, vu le nom !

[iubito]

...une petite fonction hackImagePNGpourIE qui met le code bazar si c'est IE

C'est normal, vu le nom !

[kokoyaya]

Je viens de tester la méthode d'arkayn et ça marche à merveille pour IE, mais ça fout tout en l'air sur FF

[arkayn]

Et zut...

[kokoyaya]

Et zut...

Enfin, chez moi. Confirmez peut-être : http://www.breizhenoc.org/beta/ateliers.php

[iubito]

je confirme.
Soit tu as un langage serveur (php) et tu envoie un code ou un autre pour IE ou pour les autres. Soit tu utilises le IE7 de Dean Edwards.

Regarde le code de http://phpmybrowser.sourceforge.net quand tu vas avec FireFox ou IE, il est différent (le logo en haut à gauche).

[arkayn]

Je confirme aussi.

Pas d'images sur FF 1.5. Par contre, sur IE 6.0, la barre de menu est trop basse. Elle vient couper le titre de la page alors qu'elle était correcte sur FF.

A moins que tu n'ais changé quelque chose entre temps ? Je n'ai pas de transparence sur les images, sur IE.

[iubito]

Par contre, sur IE 6.0, la barre de menu est trop basse. Elle vient couper le titre de la page alors qu'elle était correcte sur FF.

ça c'est un problème que body {padding:0; margin:0} devrait pouvoir résoudre.