Bonjour,
Dans la feuille de style spip_style.css, aux lignes 77-78, on trouve le code
suivant :
/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }
Je comprends qu'il s'agit d'un "hack" pour régler le problème de
transparence png pour IE.
Toutefois, cette ligne n'est pas validée par W3C CSS
<http://jigsaw.w3.org/css-validator/>.
Questions :
- que faut-il faire de cette ligne de code ?
- peut-on l'enlever et, dans ce cas, quels pourraient être les problèmes
avec une image PNG ?
- existe-t-il une façon de conserver ce format tout en validant le CSS ?
Merci de vos éventuelles lumières.
GS.
* Jo² tapotait, le 14/08/2007 14:33:
Bonjour,
Dans la feuille de style spip_style.css, aux lignes 77-78, on trouve le code suivant :
/* Images typographiques (via image_typo), URL a revoir... */
..format_png { behavior: url(win_png.htc); }
Je comprends qu'il s'agit d'un "hack" pour régler le problème de transparence png pour IE.
Toutefois, cette ligne n'est pas validée par W3C CSS <http://jigsaw.w3.org/css-validator/>\.
Valider les CSS ne sert à rien (en l'état de mes connaissances).
Valider le HTML, c'est vachement utile par contre (raison : les CSS sont appliquées sur un DOM valide en mémoire. Ce DOM est identique au code source si celui-ci est valide, corrigé sinon).
--
RealET
Certes, certes. "Valider le CSS" ne sert pas à grand chose (pour le moment).
Mais, dans idéalement... existe-t-il un début de solution ?
"RealET" <real3t@gmail.com> a écrit dans le message de news:
f9s9pr$jfa$1@sea.gmane.org...
* Jo² tapotait, le 14/08/2007 14:33:
Bonjour,
Dans la feuille de style spip_style.css, aux lignes 77-78, on trouve le
code
suivant :
/* Images typographiques (via image_typo), URL a revoir... */
..format_png { behavior: url(win_png.htc); }
Je comprends qu'il s'agit d'un "hack" pour régler le problème de
transparence png pour IE.
Toutefois, cette ligne n'est pas validée par W3C CSS
<http://jigsaw.w3.org/css-validator/>\.
Valider les CSS ne sert à rien (en l'état de mes connaissances).
Valider le HTML, c'est vachement utile par contre (raison : les CSS sont
appliquées sur un DOM valide en mémoire. Ce DOM est identique au code
source si celui-ci est valide, corrigé sinon).
--
RealET
Sinon, en javascript il y a ceci:
http://jquery.andreaseberhard.de/pngFix/
Et ainsi, plus la peine de mettre le hack css...
Le 14/08/07, Jo²<w3ipr@univ-paris1.fr> a écrit :
Certes, certes. "Valider le CSS" ne sert pas à grand chose (pour le moment).
Mais, dans idéalement... existe-t-il un début de solution ?
"RealET" <real3t@gmail.com> a écrit dans le message de news:
f9s9pr$jfa$1@sea.gmane.org...
* Jo² tapotait, le 14/08/2007 14:33:
> Bonjour,
>
> Dans la feuille de style spip_style.css, aux lignes 77-78, on trouve le
> code
> suivant :
> /* Images typographiques (via image_typo), URL a revoir... */
> ..format_png { behavior: url(win_png.htc); }
>
> Je comprends qu'il s'agit d'un "hack" pour régler le problème de
> transparence png pour IE.
>
> Toutefois, cette ligne n'est pas validée par W3C CSS
> <http://jigsaw.w3.org/css-validator/>\.
Valider les CSS ne sert à rien (en l'état de mes connaissances).
Valider le HTML, c'est vachement utile par contre (raison : les CSS sont
appliquées sur un DOM valide en mémoire. Ce DOM est identique au code
source si celui-ci est valide, corrigé sinon).
--
RealET
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ
Bonjour,
Pour que la feuille de style soit "valide" W3C, il faut éliminer toutes les conditions "non valides" mais obligatoires pour certains navigateurs.
Il faut ensuite les regrouper dans un/des fichiers particuliers qui ne seront chargées que pour le navigateur en question.
En exemple un site que j'ai fait bénévolement pour une assoc : http://www.objectifs-jeunes.org/
J'ai mis le "hack" png et quelques autres "trucs" dans une feuille de style uniquement chargée lorsque c'est Internet Explorer "inférieur à IE7" :
<!--[if lt IE 7]>[<link rel="stylesheet" href="(#CHEMIN{styles/ie-hacks.css})" type="text/css" media="projection, screen, tv" />]<![endif]-->
(cf le fichier http://www.objectifs-jeunes.org/squelettes/styles.html)
La condition "<!--[if lt IE 7]> <![endif]-->" permet d'avoir un code qui est lu uniquement par IE "version inférieure à 7", pour tous les IE, il faut enlever le "lt" ... il y a pas mal de doc sur le net concernant cela.
(Pour accéder aux autres fichiers du squelette : http://www.objectifs-jeunes.org/squelettes/ )
Salutations,
Julien