Avertissement CSS

[ajja93]

Bonjour,

Le validateur CSS du W3C m'indique la bonne validation de mon CSS mais me fait un avertissement que je ne comprends pas :
"Ligne : 1 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body"

La ligne 1 est celle-ci :
body {background-color:#5d2e00;background-image:url(chemin/image.jpg);}

Est-ce dû au fait que #5d2e00 ne serait pas une couleur "reconnue" ?
Merci pour votre avis.

[Lymf]

je ne sais pas si ca influence, mais je mettrais des ' ou " pour l'url de l'image

[MagicYoyo]

tu est sur de ta syntaxe dans ton fichier CSS ?

Tu veux pas nous envoyer le lien vers la page du validateur analysant ta page ?

[Leonick]

"Ligne : 1 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body"

Parce qu'en plus du background-color, le validateur veut que l'on définisse un color

[Lymf]

juste j'avais pas noté ce détail

[MagicYoyo]

"Ligne : 1 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body"

Parce qu'en plus du background-color, le validateur veut que l'on définisse un color

Oui, c'est pas bête comme réponse...
Ca définit la couleur par défaut des éléments enfants du body.

[ajja93]

je ne sais pas si ca influence, mais je mettrais des ' ou " pour l'url de l'image

Ce n'est pas pour l'image qu'il me fait un avertissement, mais pour le fond ! Et s'il fallait des " ou des ', je pense qu'il ne validerais pas.

Parce qu'en plus du background-color, le validateur veut que l'on définisse un color

Ben oui, sans doute, mais comment ? Et couleur pour quoi (qui) ??? Peux-tu préciser ?

Tu veux pas nous envoyer le lien vers la page du validateur analysant ta page ?

C'est en fait toutes mes pages (le CSS est appelé dans chacune).
http://jigsaw.w3.org/css-validator/vali ... sse.com%2F

Tu pourras constater qu'il me fait plein d'avertissements "Vous n'avez pas de couleur de fond" (???)

[narayana]

Salut
Mets une balise color: #000;
style
html {
margin:0;
padding:0;
font:13px arial,helvetica,sans-serif;
color: #000;
background-color : #fff;
}

Et regarde après

[MagicYoyo]

dans le style du body, tu mets color:#999999 par exemple

Code: Tout sélectionner

body { color:#999999; ...}

[ajja93]

Effectivement, vous avez raison, l'avertissement ligne 1 disparaît !
Mais restent DEUX questions :
1) C'est quoi, cette "couleur" ???? Que représente t-elle, surtout par rapport avec "background-color" ???
Là, j'ai mis n'importe quoi, juste pour vérifier

2) Que veut-il que je fasse, quand il me dit :
"Ligne : 24 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a:link"

alors que a:link a déjà un "color" (évidemment !!!!) :
a:link {
color : #00d3ff;
text-decoration : none;
}

Ce qui me surprend le plus, est que mon CSS existe depuis une dizaine de mois, et que ces avertissements sont tous nouveaux (avant, il se contentait de "Félicitations !").

[narayana]

re
tous tes liens doivent avoir une couleur de texte
a:link
a:visited
a:hover
a:active

Pour etre clair tu as background-color qui est la couleur de fond et color qui est la couleur du texte

Donc si tu veux pas t'embeter tu fais comme précédemment cité
html {
color: #000;
background-color : #fff;
}

[ajja93]

Le début de mon CSS est actuellement :

body {color:#d4d3d3;background-color:#5d2e00;background-image:url(../Images/merise.jpg);}
p,li {font-family:verdana, sans-serif;font-size:80%;color:#d4d3d3;line-height:140%;text-align:center;}
.ri {text-align:right;}
(.....)
a:link {color:#00d3ff;text-decoration:none;}
a:visited {color:#00d3ff;text-decoration:none;}
a:hover {color:#00ffff;text-decoration:underline;}
a:active {color:#ff0000;text-decoration:underline;}

Donc, si je te suis bien (?), je dois corriger :

html {color:#d4d3d3;background-color:#5d2e00;}
body {background-image:url(../Images/merise.jpg);}
p,li {font-family:verdana, sans-serif;font-size:80%;color:#d4d3d3;line-height:140%;text-align:center;}
.ri {text-align:right;}
(.....)
a:link {color:#00d3ff;text-decoration:none;}
a:visited {color:#00d3ff;text-decoration:none;}
a:hover {color:#00ffff;text-decoration:underline;}
a:active {color:#ff0000;text-decoration:underline;}

C'est ça ? Je viens de regarder http://openweb.eu.org/, je ne vois aucune info à ce sujet.

[SIBELIUS]

Hello,

Tu as un sujet d'explications ici :
http://forum.alsacreations.com/topic.php?fid=4&tid=7401

[ajja93]

En attendant la réponse de narayana (ou d'un autre compétent ), je viens de faire l'essai sur un avertissement pris au hasard. J'ai remplacé :
a:link {color:#00d3ff;text-decoration:none;}
par
a:link {color:#00d3ff;background-color:transparent;text-decoration:none;}

Mais j'ai toujours le même avertissement :
Ligne : 24 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a:link

Donc "background-color:transparent;" ne semble pas reconnu (trouvé sur
http://mammouthland.free.fr/cours/css/genecss.php)

[SIBELIUS]

Donc "background-color:transparent;" ne semble pas reconnu (trouvé sur
http://mammouthland.free.fr/cours/css/genecss.php)

Si si, il s'agit même de la valeur par défaut :
http://www.yoyodesign.org/doc/w3c/css2/ ... properties