une petite page sympathique :

http://www.mouton-rebelle.com/Firefox-le-navigateur-sexy

non, pas de martyrisation, juste de l'information.

Je compte bien ne pas faire comme ces gens qui créent des sites "optimisés" pour IE et qui gênent les autres voire les bannissent carrément.

Comme je l'annonce : les utilisateurs d'IE ne seront pas lésés.

Mr J... comme "Josiane" dans ce cas ! Car je suis moi-même utilisateur d'IE ! Je jongle en fait entre FF et IE pour les raisons que j'avais évoquées dans un autre topic. En effet, il y a quelques petites choses qui me chiffonnaient à l'époque où j'ai découvert FF et que je n'ai toujours pas résolues :


Bon, c'est un peu HS dans le présent topic, donc si vous connaissez une option (voire une extension) de FF répondant à ces besoins, vous pouvez les indiquer dans le topic que je mentionnais plus haut. A vot' bon coeur !

Signé : Josiane

PS à petitevieille : pour rappel, le script que je t'ai indiqué n'est pas "mon" script : je me suis contenté d'adapter le script trouvé ici. J'espère quand même qu'il ne servira pas à "martyriser" les utilisateurs d'IE (ou de tout autre navigateur d'ailleurs), ce n'était pas le but recherché !

Et ça va encore bouger !!

Grâce au script de Mr J les visiteurs sous IE seront repérés et invités à cliquer sur un lien vers cette page :


EDIT
~ lien obsolète

(et encore j'ai pas triché sur l'image : j'aurais pu mettre un screenshot avec le gif non optimisé)


Nul doute que cela renversera la situation et que toutes les Josianes passeront à Firefox.

De toute façon ya plus grand monde sous IE parmis les gens un peu initiés... ici je sais pas mais les stats de la cafzone par exemple c'est presque 80% de firefox et moins de 10% d'IE divers. Ya guere plus que les madame michus qui utilisent encore le navigateur de microsoft...

yep, je vais remettre à plat toutes mes pages de test (en plus, switcher 50 fois de Linux à windows pour tester, super... )

J'attendais l'occasion de me mettre un peu au javascript pour devenir un l33T w3bMasT3R, ça va chier.

Dans un premier temps ce sera truffer mes pages de messages d'insultes destinés aux internautes sous IE !

Oui, parce que le script que je t'indique est vraiment très basique : il y a moyen de faire beaucoup mieux.
Tu pourrais notamment créer un script qui recherche "tout seul" les références à des images PNG dans ton code HTML et les remplace par des références à des images GIF (pour les navigateurs IE).
Ce genre de script repose sur le fait qu'une page HTML est un document structuré, dont il est possible de passer chaque élément en revue. Tu peux donc balayer tout le document à la recherche des éléments (en l'occurrence, les balises TABLE) utilisant des images PNG. Il ne te reste plus alors qu'à modifier, toujours via le script, l'attribut BACKGROUND de chaque balise TABLE pour qu'il pointe vers un fichier GIF plutôt que PNG.
L'immense avantage de ce genre de script est qu'"il fait le travail pour toi" : plus besoin d'ajouter "à la main" des bouts de script à chaque occurrence d'une image PNG dans ton code.

Pour l'instant, tu n'as pas besoin d'un tel script car tu n'as pas énormément de PNG dans tes pages. Mais quand tu commenceras à te débrouiller en Javascript, ça pourrait être un bon exercice pour mettre en pratique tes connaissances.

PS : le script que tu avais trouvé est un exemple de script qui balaye le document HTML à la recherche d'éléments spécifiques.
PPS : puisque tu n'utilises plus le script pngbg.js, pense à supprimer de ton code HTML la ligne qui l'appelle.

Mr J, je pense que tu es mon sauveur.

EDIT
~ lien obsolète

Les pauvres visiteurs Explorerisés devront se contenter d'un design moyen-âgeux.

Merci beaucoup pour ces éclaircissements !

L'idéal serait de pouvoir afficher correctement la transparence PNG, mais si c'est trop galère, ta solution de switch est parfaite !
Dans ce cas les VRAIS navigateurs auront le VRAI design, et IE aura ce qu'il peut afficher... (je pourrais toujours bidouiller un GIF ou un JPEG pour simuler une transparence ; on verra des défauts mais ça fera un peu illusion)

J'ai plus qu'à apprivoiser le javascript.

En tout cas je mettrai un putain de message d'avertissement sur le W3C en page d'accueil, pour obli... inciter les gens à utiliser autre chose qu'IE.

Bon, je ne suis pas une bête en javascript, mais voilà les différences que je vois entre le code que je t'indiquais (que j'appellerai ici, pour plus de facilité, "mon code") et celui que tu as utilisé ("ton code") :

1. Apparemment, "ton" code permet d'utiliser, même avec IE, une image PNG transparente. La méthode progid:DXImageTransform.Microsoft.AlphaImageLoader permettant d'appliquer à cette image le fameux effet de transparence recherché.
Le code que je te proposais permet quant à lui de choisir, en fonction du navigateur, l'image à utiliser (dans ton cas, un GIF pour IE, un PNG pour les autres navigateurs).

2. La méthode progid:DXImageTransform.Microsoft.AlphaImageLoader utilisée dans "ton" code nécessite IE 5.5 ou supérieur. Un utilisateur sous IE 5.0 ne profitera donc pas de l'effet de transparence. Plus de détails ici (voir le paragraphe "Compatibility").
"Mon" code, parce qu'il est basique, devrait a priori fonctionner avec toutes les versions d'IE gérant le javascript (je dis bien "a priori" car je n'ai pas d'anciennes versions d'IE à disposition pour tester).

3. "Ton" code "recherche" toutes les images PNG utilisées comme background dans ta page pour leur appliquer l'effet de transparence.
"Mon" code, lui, doit être répété à chaque fois que tu utilises une image PNG.

Maintenant, je ne sais toujours pas pourquoi l'image se retrouve au dessus du texte avec "ton" code (je rappelle d'ailleurs que ce n'est qu'une hypothèse).
En outre, je ne comprends pas la ligne
document.all[i].style.backgroundImage = "url('/assets/images/x.gif')";
Elle fait référence à une image x.gif que tu ne sembles pourtant pas utiliser.

En conclusion, "ton" code m'a l'air particulièrement intéressant car il résout la question des PNG sous IE 5.5 (et +) plutôt que de les remplacer par des GIF. De plus, il le fait "tout seul" sans que tu aies à intervenir sur chaque balise TABLE de ta page HTML.
Le souci avec ce code, c'est que comme je ne le comprends pas dans le détail (surtout à cette heure), je ne peux pas beaucoup plus t'aider à comprendre son fonctionnement.

Pour en revenir à tes questions :

Ca demande juste d'adapter le code en remplaçant BODY par TABLE, ça n'est pas là le souci, mais...


... c'est plutôt là que le bât blesse. Tu dois, comme je l'expliquais plus haut, placer ce code à chaque occurrence d'un PNG dans ton code HTML.
Pour faire simple, disons que la méthode document.write écrit du code HTML. Ainsi, plutôt que d'écrire ta balise TABLE, tu places le script, qui décide, en fonction du navigateur, de la balise TABLE à écrire.
Note : puisque c'est le javascript qui va écrire la balise TABLE, il faut prévoir le cas où le navigateur ne gère pas les scripts. On ajoute donc une balise NOSCRIPT, qui contient le code HTML à exécuter par défaut.

Un exemple pour mieux comprendre :

********* Début de l'exemple *********

<HTML>
<BODY>

<!--1er tableau : on applique le script-->
<SCRIPT LANGUAGE="JavaScript"><!--
if (navigator.appName == 'Microsoft Internet Explorer')
document.write('<TABLE BACKGROUND="image.gif">');
//le script "écrit" la balise TABLE destinée à IE
else
document.write('<TABLE BACKGROUND="image.png">');
//le script "écrit" la balise TABLE destinée aux autres navigateurs
//--></SCRIPT>

<NOSCRIPT>
<TABLE BACKGROUND="image.png">
<!--Cette balise TABLE sera lue par les navigateurs ne gérant pas les scripts-->
</NOSCRIPT>

<TR><TD>tableau 1</TD></TR>
</TABLE>

<!--2e tableau : on applique à nouveau le script-->
<SCRIPT LANGUAGE="JavaScript"><!--
if (navigator.appName == 'Microsoft Internet Explorer')
document.write('<TABLE BACKGROUND="image.gif">');
//le script "écrit" la balise TABLE destinée à IE
else
document.write('<TABLE BACKGROUND="image.png">');
//le script "écrit" la balise TABLE destinée aux autres navigateurs
//--></SCRIPT>

<NOSCRIPT>
<TABLE BACKGROUND="image.png">
<!--Cette balise TABLE sera lue par les navigateurs ne gérant pas les scripts-->
</NOSCRIPT>

<TR><TD>tableau 2</TD></TR>
</TABLE>
</BODY>
</HTML>

********* Fin de l'exemple *********

A noter que cette technique utilise donc le format PNG et le format GIF. A toi de voir si ça te convient puisque tu ne semblais pas emballé par l'idée d'utiliser du GIF.

Voilà ! Hope this helps, comme on dit.