Page 1 sur 2
Vérifier une syntaxe CSS 3
Publié : 08 janv. 2006, 16:37
par GizMecano
Hello,
En bidouillant ici et là avec mon Firefox 1.5 tout neuf, je découvre les nouveautés
opacity et
column des spécifications CSS 3 qu'il est censé supporté fort bien. Je tripatouille, fais quelques tests qui semble plutôt corrects visuellement, mais hélas, lorsque je lance la vérification du code CSS en local pour voir ce qu'il en est, ces deux propriétés sont considérées comme n'existant pas
Bon, je me doute que c'est tout beau tout nouveau, mais existe-t-il un moyen de ne pas faire peur au validateur de CSS si on emploie des propriétés nouvelles de ce type
Merci,
Ciao,
Publié : 08 janv. 2006, 18:11
par calimo
Ce sont des propriétés CSS3. Tu ne dois donc évidemment pas valider en CSS2
PS : le validateur a un bug qui fait qu'il sort deux erreurs à chaque -moz-*
Publié : 08 janv. 2006, 18:51
par GizMecano
Hello,
calimo a écrit :Ce sont des propriétés CSS3. Tu ne dois donc évidemment pas valider en CSS2
Hum... Et comment diantre je vais faire la différence, hein ? Je n'ai fait qu'utiliser le validateur local via la
Web Developer Toolbar. Est-ce que tu me conseilles une autre méthode pour vérifier ce genre de truc ?
calimo a écrit :le validateur a un bug qui fait qu'il sort deux erreurs à chaque
-moz-*
Ah... Et bien en fait, j'ai utilisé ces propriétés sans le préfixe
-moz-* et j'ai aussi une erreur, enfin, plutôt un message me disant que ce genre d'opérateur n'existent pas...
Merci.
Ciao,
Publié : 08 janv. 2006, 21:07
par calimo
GizMecano a écrit :Hello,
calimo a écrit :Ce sont des propriétés CSS3. Tu ne dois donc évidemment pas valider en CSS2
Hum... Et comment diantre je vais faire la différence, hein ? Je n'ai fait qu'utiliser le validateur local via la
Web Developer Toolbar. Est-ce que tu me conseilles une autre méthode pour vérifier ce genre de truc ?
http://jigsaw.w3.org/css-validator/validator-upload
GizMecano a écrit :calimo a écrit :le validateur a un bug qui fait qu'il sort deux erreurs à chaque
-moz-*
Ah... Et bien en fait, j'ai utilisé ces propriétés sans le préfixe
-moz-* et j'ai aussi une erreur, enfin, plutôt un message me disant que ce genre d'opérateur n'existent pas...
Et le column-* fonctionne sans le -moz- ?
Publié : 09 janv. 2006, 06:59
par GizMecano
Hello,
Donc, la même chose que propose l'extension, sauf qu'on peut choisir le niveau de CSS... Et bien même quand on choisit le niveau 3 (enfin, dans l'extension aussi, normalement), la réponse pour
opacity est toujours :
La propriété opacity n'existe pas.
calimo a écrit :Et le column-* fonctionne sans le -moz- ?
Non, au temps pour moi, j'avais bien essayé
column-* avec le préfixe, mais comme je n'ai conservé qu'
opacity dans mon test, ça m'avait échappé...
Ciao,
Publié : 09 janv. 2006, 10:50
par calimo
GizMecano a écrit :Donc, la même chose que propose l'extension, sauf qu'on peut choisir le niveau de CSS... Et bien même quand on choisit le niveau 3 (enfin, dans l'extension aussi, normalement), la réponse pour
opacity est toujours :
La propriété opacity n'existe pas.
Tu as un exemple en ligne ? Parce que moi je n'ai jamais eu de soucis avec Opacity
Publié : 09 janv. 2006, 17:25
par GizMecano
Hello,
calimo a écrit :Tu as un exemple en ligne ? Parce que moi je n'ai jamais eu de soucis avec Opacity
Hélas, non. Comme je te le disais, je bidouillais un truc en local, simplement pour voir. Je verrais si je peux faire ça quand j'aurais dix minutes.
Mais voudrais-tu dire par là qu'il s'agit d'un problème
ailleurs dans la feuille de style ?
Ciao,
Publié : 10 janv. 2006, 09:09
par calimo
Ce n'est pas exclu
Publié : 10 janv. 2006, 09:26
par Invité
Hello,
calimo a écrit :Ce n'est pas exclu
Eh bien, c'est pourtant tout simple il me semble. Non ?
Code : Tout sélectionner
a:link img.col-png, a:visited img.col-png {
border: 0;
opacity: 0.2;
}
a:hover img.col-png {
border: 0;
opacity: 1;
}
Ciao,
Publié : 10 janv. 2006, 09:28
par GizMecano
Hello,
GizMecano qui oublie de se connecter a écrit :Eh bien, c'est pourtant tout simple il me semble. Non ?
Argh
Ciao,
Publié : 10 janv. 2006, 19:22
par calimo
Pourtant chez moi cette feuille passe en CSS3...
(via la zone de texte)
Publié : 13 janv. 2006, 08:16
par GizMecano
Hello,
calimo a écrit :Pourtant chez moi cette feuille passe en CSS3... (via la zone de texte)
Visiblement, ça fonctionne en recopiant dans la boîte, comme tu l'as fait, mais pas en utilisant la fonction de validation locale de
Web Developer Toolbar (j'ai pourtant la toute dernière version : 1.0). Tout cela est très étrange
Ciao,
Publié : 13 janv. 2006, 09:43
par calimo
GizMecano a écrit :Hello,
calimo a écrit :Pourtant chez moi cette feuille passe en CSS3... (via la zone de texte)
Visiblement, ça fonctionne en recopiant dans la boîte, comme tu l'as fait, mais pas en utilisant la fonction de validation locale de
Web Developer Toolbar (j'ai pourtant la toute dernière version : 1.0). Tout cela est très étrange
Ciao,
Non ce n'est pas étrange. La validation locale de Web Developer valide en mode par défaut, c'est-à-dire CSS2. Pas étonnant que le CSS3 ne soit pas reconnu
Publié : 14 janv. 2006, 09:41
par GizMecano
Hello,
calimo a écrit :La validation locale de Web Developer valide en mode par défaut, c'est-à-dire CSS2.
Sauf que... J'ai justement configuré les options de cette extension pour que la validation soit faite en CSS 3. Est-ce que cette option n'est alors là que pour faire joli ?
Ciao,
Publié : 14 janv. 2006, 09:48
par calimo
Possible... quelle URL ça donne ?