Trop bien pour IE
Vous n'aurez pas manqué de remarquer, dans le coin supérieur gauche de votre écran, l'apparition du macaron "Trop bien pour Internet Explorer". Un clic de mulot sur celui-ci vous conduira sur cette page, qui affiche une bonne parole militante et authentique : "Le site que vous tentez d'afficher a été jugé trop bien pour Internet Explorer", suivie d'une in[v/c]itation à découvrir d'excellents navigateurs alternatifs à IE, au premier rang desquels Firefox , bien entendu, mais aussi Opera, Safari , Camino ...
La campagne "Too cool for IE" a été lancée par Paul Arms, sur son blog, dans le but d'inciter les utilisateurs d'IE à essayer d'autres navigateurs que celui qui est installé d'office sur leur ordinateur. Des traducteurs se sont ensuite affairés pour que la page initiale de la campagne, en anglais, soit traduite en six autres langues, afin que le message soit diffusé le plus largement possible.
Vous trouverez sur le site du matériel pour "rendre votre site trop bien pour IE", en affichant dans son coin inférieur droit, une des images du dispositif. Vous pouvez télécharger ces dernières au format *.png, prêtes à l'emploi, ou télécharger leurs sources Photoshop, pour les retravailler à votre convenance. Versez ensuite l'image sélectionnée dans le répertoire img/ de votre site. Le site fournit ensuite la CSS à ajouter à celle de votre site (légèrement modifiée pour GuppY) :
a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(img/too_cool.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
ainsi que le code HTML à insérer dans inc/hpage.inc, juste après la balise <body> :
<a id="tooCool" href="http://www.w3junkies.com/toocool/">
Trop bien pour Internet Explorer
</a>
Malheureusement, autant le résultat est nickel sous Firefox, autant l'affichage est foireux sous... IE. Dans ce cas, il existe deux solutions :- La première consiste à utiliser les commentaires conditionnels, pour empêcher l'affichage du macaron si le navigateur du visiteur est IE. Mais le but de la campagne, qui consiste à encourager les utilisateurs d'IE à découvrir d'autres navigateurs, est alors, disons... manqué.
- L'autre solution est celle pour laquelle j'ai opté, après l'avoir vue à l'oeuvre sur Firecat : elle consiste à afficher le macaron dans le coin supérieur gauche du site, en insérant simplement ce fragment de code dans inc/hpage.inc, juste après la balise <body> :
<a href="http://www.w3junkies.com/toocool/" title="Ce site est trop bien pour IE !">
<img src="<? echo CHEMIN; ?>img/too_cool.gif" alt="Trop bien pour IE" style="position:absolute; left:0px; top:0px;" />
</a>
Vous aurez au préalable placé l'image too_cool.gif dans le répertoire img/ de votre site.
Saute-Mouton - http://realia.free.fr/sautemouton_avril/newsprt.php?lng=fr&pg=1903 - [Version PDF]