Geckozone

Je suis en train de valider mon CSS. Je cherche donc un bon validateur.

• Celui du W3C : http://jigsaw.w3.org/css-validator/ : il marche bien, sauf qu'il ne semble pas supporter le CSS3, même si on lui mets comme option CSS3 En plus il ne gère pas le @import, ce qui est gênant vu que je l'utilise pas mal pour des raisons de clarté.
• Celui du WDG : http://htmlhelp.com/tools/csscheck/ : c'est pire encore, il ne connaît pas les sélecteurs > + * [attr="foo"], il ne connait pas non plus "content:", les :hover sur autre chose que les liens... et j'en passe. Ah oui, je vous ai laissé la meilleure pour la fin :

  Warning: Microsoft Internet Explorer 3.x will incorrectly treat em units as pixels. Percentage units or keywords may therefore be preferable.

  

Donc voilà la question : quelqu'un connait-il un validateur CSS digne de ce nom ?
Ou alors est-ce à dessein que celui du W3C bloque sur le CSS3 ?
Et encore : faut-il plutôt mettre [attr=foo] que [attr="foo"] ? (sans les guillemets... ce qui ne semble pas fonctionner avec Mozilla )

Merci d'avance de toutes vos réponses éclairées !

Tu dois connaître mais celui-ci m'accepte. Il est vrai que je ne fais pas ds le CSS3
http://validator.w3.org/detailed.html

Le CSS3 est sorti

On dirait même qu'il y a longtemps.

http://www.w3.org/Style/css3-selectors- ... 26.fr.html

calimo a écrit : En plus il ne gère pas le @import, ce qui est gênant vu que je l'utilise pas mal pour des raisons de clarté.

Bizarre car le site que tu cites (hic !) accepte mon '@import' avec le CSS 2 et m^ avec le Css3
Par contre, le 3 met un avertissement sur :
'la propriété display nexiste pas pour le media' et le seul display que j'ai c'est un display-block pour le menu . Le CSS2 en veut bien, lui
Autre chose : avertisement de préférer comme dernier choix de font-family une 'famille générique' . Quest-ce que c'est une famille générique
Bonne nuit à ts.

Ricardo a écrit :http://validator.w3.org/detailed.html

Celui-ci ne fait pas dans le CSS malheureusement Ou alors je me trompe ? (j'ai l'erreur I/O Error: Vous avez envoyé une requète érronée.)

Ricardo a écrit :Bizarre car le site que tu cites (hic !) accepte mon '@import' avec le CSS 2 et m^ avec le Css3

Peut-être est-ce parce que les miens sont dans ma feuille de style plutôt que directement dans la page

Pour la dernière erreur, tu as du mettre media="all". Donc display ne doit pas exister pour les media braille ou aural...

Famille générique : serif, sans-serif,fantasy,monospace etc... Voir http://www.yoyodesign.org/doc/w3c/css1/ ... ont-family. Le but c'est que si quelqu'un n'a pas les polices Times,Arial,Georgia,Verdana,Helvetica que tu as défini, il puisse quand-même afficher autre chose que la police par défaut.

On ne peut pas leur reprocher de ne pas valider le CSS3 vu qu'aucun module du CSS3 n'a apprement dépassé le stade de Candidate Recommendation et donc ne sont pas encore complètement des recommandations

http://www.w3.org/Style/CSS/current-work#table

Il est toujours mis avril 2004 comme date de sortie pour les sélecteurs dont on parle ici.

Le validateur comprend bien les selecteurs CSS3 chez moi...
Et même mieux, quand on lui dit de valider en CSS3, il refuse certaines proprietés CSS2 obsolètes (comme transparent)

calimo a écrit :

Ricardo a écrit :http://validator.w3.org/detailed.html

Attention, il ne valide pas les fichiers encore ds l'ordi mais les URL déjà sur le Net du genre http:// ---------------
Tu fais d'abord valider ta page pour le Html et, une fois celle-ci valide, tu vas en bas de la page qui te l'annonce et tu cliques sur check it for validity. Là tu auras la validation de ton CSS avec ce qui ne va pas, le cas échéant ou des simples avertissements. Tu verras en dessous ts tes styles valides.
Par contre, je ne sais pas si c'est de la validation en css3 ou 2
Merci pour tes renseignements à mes dernières questions

calimo a écrit :Pour la dernière erreur, tu as du mettre media="all". Donc display ne doit pas exister pour les media braille ou aural...

Voilà ma ligne :
<style type="text/css" media="screen">@import "etabli.css";
</style>

Comment dois-je la rectifier

Si tu as défini media="screen", ça devrait être bon... sauf si tu entre directement la feuille de style, évidemment
Moi j'utilise <link /> pour importer mes feuilles de style... et je défini media="screen,tv,projection". Mais je ne sais pas trop si je fais bien de mettre tv

Mis à part ça, c'est exactement le validateur que j'ai cité plus haut