Validateur CSS

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Répondre
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Validateur CSS

Message par calimo »

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.
    :evil:
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 !
Ricardo
Lézard vert
Messages : 164
Inscription : 25 sept. 2003, 00:15

Message par Ricardo »

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
http://ricardo.free.fr
PC - P4 2533MHz- CM : Asus P4s8x
Linux Débian ETCH & SID - FireFox 1.5 & Iceweasel 2.0 - KMail

Amitiés ! Ricardo.
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

Le CSS3 est sorti :shock: :?: :lol:
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

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

http://www.w3.org/Style/css3-selectors- ... 26.fr.html
Ricardo
Lézard vert
Messages : 164
Inscription : 25 sept. 2003, 00:15

Re: Validateur CSS

Message par Ricardo »

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 :wink:
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.
http://ricardo.free.fr
PC - P4 2533MHz- CM : Asus P4s8x
Linux Débian ETCH & SID - FireFox 1.5 & Iceweasel 2.0 - KMail

Amitiés ! Ricardo.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

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.
Thomas
Varan
Messages : 1907
Inscription : 07 janv. 2004, 17:29

Re: Validateur CSS

Message par Thomas »

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 :|
Anciennement Toto.
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

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.
Xanthor
Lézard à collerette
Messages : 280
Inscription : 29 juil. 2003, 18:36

Message par Xanthor »

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)
Ricardo
Lézard vert
Messages : 164
Inscription : 25 sept. 2003, 00:15

Message par Ricardo »

calimo a écrit :
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 :)
http://ricardo.free.fr
PC - P4 2533MHz- CM : Asus P4s8x
Linux Débian ETCH & SID - FireFox 1.5 & Iceweasel 2.0 - KMail

Amitiés ! Ricardo.
Ricardo
Lézard vert
Messages : 164
Inscription : 25 sept. 2003, 00:15

Message par Ricardo »

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 :?:
http://ricardo.free.fr
PC - P4 2533MHz- CM : Asus P4s8x
Linux Débian ETCH & SID - FireFox 1.5 & Iceweasel 2.0 - KMail

Amitiés ! Ricardo.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

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 ;-)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités