Discussion :

[{F-I}]

Salut à tous,

Voilà, j'ai découvert qu'on peut faire valider W3C CSS, je ne savais pas.

Je me disais, allé je vais tester ^^

Résultat : 1 erreur et 44 avertissements

Concernant l'erreur, je ne comprends pas...

Puis, quant aux 44 fameux avertissements, je n'ai pas compris comment les règler...

Merci d'avance de vos réponses

[MasterOfChakhaL]

Salut,

De manière générale, les avertissements sont des points sur lesquels le validateur ne peut pas se prononcer (il faut une intervention humaine).

En gros, le W3C considère comme une erreur le fait qu'un texte soit illisible.
Si tu définis ton texte en vert et que la couleur de fond provient d'un élément qui se trouve en dessous, le validateur n'est pas en mesure de connaître le rendu final de ta page et de garantir que le texte sera bien lisible.
D'où l'avertissement t'indiquant de vérifier ce point.

Les avertissements ne sont pas des erreurs

[neby55]

Pour ton erreur, je pense que ton fichier commence par des caractères non reconnus.
J'ai télécharger ton fichier CSS et il s'avère que mon éditeur de texte ne reconnait pas les caractères apparaissant avant "* { padding [...] }"

Pour les avertissements, sache qu'il est préférable pour la validation W3C de toujours définir la couleur du background d'une classe si la couleur est définie. Et inversement. Ceci permet de palier aux petits malins qui ajoutent du texte (blanc sur fond blanc) destinés uniquement aux robots.

[{F-I}]

> MasterOfChakhaL, merci pour ta explication concernant les avertissement, en effet il faut une intervention humaine, je n'avais pas pensé.

Je sais bien que les avertissements ne sont pas des erreurs , cependant j'aime bien que le travail soit bien fait c.a.d. aucun erreur ni avertissement :p

Donc, je dois les règler par moi même, mais je ne comprends pas trop qu'est-ce que je dois regarder / règler.

Prenons un exemple :

La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes body et a:visited

(de la ligne 18)

Je ne comprends pas qu'est-ce que je dois regarder / corriger ?

Pour ton erreur, je pense que ton fichier commence par des caractères non reconnus.
J'ai télécharger ton fichier CSS et il s'avère que mon éditeur de texte ne reconnait pas les caractères apparaissant avant "* { padding [...] }"

Il n'y a pas de caractère avant de *, mon fichier CSS commence par *...
Des caractère qui se cachent de ma vue ? (j'ouvre avec DreamCS3, bloc note et NotePad ++, y a rien...)

Pour les avertissements, sache qu'il est préférable pour la validation W3C de toujours définir la couleur du background d'une classe si la couleur est définie. Et inversement. Ceci permet de palier aux petits malins qui ajoutent du texte (blanc sur fond blanc) destinés uniquement aux robots.

Tu veux dire que dans chacun (tous) des class / id, il est préférable d'indiquer un couleur background ?



Edit : PS, il me reste 21 erreurs à présent ^^

[neby55]

Tu veux dire que dans chacun (tous) des class / id, il est préférable d'indiquer un couleur background ?

C'est presque ça. En fait, si tu définis "color" dans une class/id, tu dois aussi spécifier le background. Et inversement, si tu définis une couleur au background, tu dois définir dans la même class/id la couleur du texte.
Heureusement pour nous, il n'y a plus d'avertissement lorsque l'on définit le background à inherit (qui est la valeur par défaut).

Il n'y a pas de caractère avant de *, mon fichier CSS commence par *...
Des caractère qui se cachent de ma vue ? (j'ouvre avec DreamCS3, bloc note et NotePad ++, y a rien...)

En effet, c'est un de mes éditeurs qui est allergique à l'utf-8 qui m'a affiché ces caractères bizarres. Mais ca vient peut-être de là. Je ne connais pas la réaction du validator W3C aux fichiers CSS encodé en utf-8...

[{F-I}]

En effet, c'est un de mes éditeurs qui est allergique à l'utf-8 qui m'a affiché ces caractères bizarres. Mais ca vient peut-être de là. Je ne connais pas la réaction du validator W3C aux fichiers CSS encodé en utf-8...

Comment le résoudre ?

Merci

[Candygirl]

> Il n'y a pas de caractère avant de *, mon fichier CSS commence par *...
Des caractère qui se cachent de ma vue ? (j'ouvre avec DreamCS3, bloc note et NotePad ++, y a rien...)

Avec un éditeur capable de t'afficher le cody hexa corresondant tu verras ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

FF FE 2A

2A représentant ton * tu constateras qu'il y a bien quelque chose avant. Ce quelque chose provient probablement d'un encodage de ton fichier en utf-8 mais avec BOM (ce qui est fortement déconseillé pour le web). Si tu l'enregistre sur notpad, tu devrais trouver une option qui te permet de notifier sans BOM.

[{F-I}]

Une question cette partie de ton code CSS ca veut dire quoi et elle est destinee a quel partie de tes pages html?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
*
	{
	padding: 0;
	margin: 0;
	}

On m'avait dit que cela permet d'initaliser le même position de tous les navigateurs (Ff, IE 6, IE 7, etc...)

Sans quoi, parfois on voit la marge chez IE6 plus large que chez Ff etc...


>> Candygirl, je regarderai aussitôt le lien (merci au passage)