Discussion :

[gronono]

Bonjour, j'ai un problème de validation W3C.

J'ai créé une feuille de style que je pensais conforme (faites en lissant la recommendation). Mais voila je la passe au testeur ultime du w3c et il me répond:

Ligne: 15 Contexte : ???
Erreur lors de l'analyse grammaticale. - body { background-color: #336699; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: small; margin: 0 1em 0 1em; padding: 0; }

Quoi que je fasse, il ne veut pas de mon body.

Je dois être vraiment idiot (ou fatigué) mais je vois l'erreur.


Voici le début de ma feuille de style:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 /* Définitions générales */
 body {
  background-color: #336699;
  color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  margin: 0 1em 0 1em;
  padding: 0;
 }

Merci de vos réponses.

[gronono]

Code :

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

1
2
3
4
5
6
7
8
 body {
  background: #336699;
  color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  margin: 0 1em 0 1em;
  padding: 0;
 }

Ca le w3c le valide.

Mais le fichier entier, il ne le valide pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
 /* Définitions générales */
 body {
  background: #336699;
  color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  margin: 0 1em 0 1em;
  padding: 0;
 }
 
 #page {
  color:#000000;
  background-color:#ffffff;
  border:3px solid #000000;
 }
 
 /* Définitions de l'en-tête */
 #head {
  top: 0.5em;
  padding: 0;
  margin: 1em;
  text-align: center;
 }
 
 /* Définition du colophon */
 #colophon {
  padding: 0em;
  text-align: center;
 }
 
 #colophon a {
  color: #ffffff;
 }
 
 #colophon a:hover {
  text-decoration: none;
 }
 
 #colophon img {
  border: none;  
 }

Il me met une erreur

Erreurs
URI : file://localhost/C:\****\screen.css
Ligne: 15 Contexte : ???
Erreur lors de l'analyse grammaticale. - body { background: #336699; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: small; margin: 0 1em 0 1em; padding: 0; }

Votre feuille de style CSS validée :
#page {
color : #000000;
background-color : #ffffff;
border : 3px solid #000000;
}
...

[gronono]

Ca y est.

J'ai resolu le problème.

Merci de l'aide que vous ne n'avez pas apportée.

c'est la ligne de commentaire qui n'allait pas:

Code :

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

/* Définitions générales */

Surement les accents.

[gronono]

En faite le problème n'est pas résolu.

Lorsque j'enleve la ligne:

Code :

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

/* Définitions générales */

Alors, il valide le fichier.

Mais si je la remplace par :

Code :

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

/* Definitions generales */

Il ne la valide pas donc ca vient pas des accents ???

[gronono]

Pour information,

j'utilise le bloc-notes windows en enregistrant au format utf-8

[gronono]

Il faut l'enregistrer directement ANSI sous le bloc note.

Sinon il rajoute un caractère illisible au début du fichier qui fait planter le validateur Css.

Merci de votre aide qui brille par son absence.

[Sh.]

lol il n' y a pas de probleme
cet absence t' a permit de trouver tout seul
dsl pour le post inutile

[gronono]

Youaih

comme ca c'est moi qui la fertié d'avoir trouver.

Mais ca sert un ca un forum a posé une question à chercher la réponse en groupe (ici constitué d'une personne: moi) et donner la reponse aux autres membres du groupe et à toutes les personnes qui le souhaitent.

Donc, je pose le problème, j'informe de l'avancement de la solution et je donne la solution.

J'ai eu peur d'être dans le bétisier (je fais aller comme vérifier si il n'y ai pas)

Merci de post.

[Olivier_]

Sinon, un petit conseil en passant, tu peux racourcir tes valeurs de couleurs hexadécimales.

#000000 => #000
#336699 => #369

Et ainsi de suite.

De même les propriétés de polices

Code :

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

1
2
3
 
font-family: Arial, Helvetica,sans-serif;
font-size: small;

Code :

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

1
2
 
font: small Arial, Helvetica,sans-serif;

Comme ça c'est rien, mais au final, c'est autant de code en moins