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

 

[u8086]

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

 

[u8086]

"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 ;-)

 

[u8086]

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

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
:wink:

 

[ajja93]

En attendant la réponse de narayana (ou d'un autre compétent :lol: ), 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

 

[ajja93]

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

Super sibelius, et je vois donc que je ne suis pas le seul à avoir sauté en l'air :lol:

Il semble donc, comme je le constatais en avant-première 8) , qu'il y a bien une modif dans le validateur (plus strict ?, souhaitant rendre méfiant ?, faisant le beau pour avoir un no-noss ?, va savoir).
Je crois que le dernier intervenant résume un peu ma position, je le cite :
"Donc si je comprend bien il ne faut rien faire ou bien alors donner une valeur de couleur à chaque id pour régler ce problème."

 

[ajja93]

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

Bon, on arrête pas de se croiser, sibelius !
Ben alors, si c'est une valeur par défaut, pourquoi y me dit :
"Vous n'avez pas de couleur de fond définie avec votre couleur : a:link" :?: :?: :?:

 

[SIBELIUS]

Ben alors, si c'est une valeur par défaut, pourquoi y me dit :
"Vous n'avez pas de couleur de fond définie avec votre couleur : a:link" :?: :?: :?:

Je pense qu'il a envie d'une des 216 couleurs "sécurisées".

 

[ajja93]

Bon, voilà ce que je constate, si je fais divers essai sur a:link (choisi au hasard) :

1) a:link {color:#00d3ff;text-decoration:none;}
2) a:link {color:#00d3ff;background-color:transparent;text-decoration:none;}

Dans les 2 cas, bien sûr que le CSS est valide, mais un avertissement indique :
"Ligne : xx (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a:link"

Le validateur considère donc que "transparent" n'est pas reconnu ! Il VEUT une couleur !!!


3) a:link {color:#00d3ff;background-color:#xxxxxxx;text-decoration:none;}

Dans ce cas, le CSS est valide mais il n'y a plus d'avertissement !!!!
Bien évidemment, AUCUN intérêt, puisque ajoutant sous votre texte de lien le fond de couleur demandé PAR-DESSUS votre éventuel background-image !!!!!!!!!!!!!!!

Note : que "#xxxxxxx;" soit = "#000000" (noir, donc "couleur sécurisée, je pense), ou qu'il soit = "##5d2e00" (couleur non sécurisée) ne change rien : le CSS reste valide et l'avertissement n'apparaît plus !

Je trouve tout ça un peu .......... :?: surprenant :twisted:

 

[narayana]

Tu sais des fois faut pas chercher à comprendre tellement que c'est simple.
Essaye d'éclater ta feuille de style. C.a.d au lieu de marquer toutes tes proprietes en une seule ligne essaye en plusieurs lignes.
J'ai eu des sousis la-dessus moi aussi
par exemple ca
p {font-family:verdana, sans-serif;font-size:80%;color:#d4d3d3;line-height:140%;text-align:center;}
en
p {
font-family:verdana, sans-serif;font-size:80%;
color:#d4d3d3;
line-height:140%;
text-align:center;
}

Juste pour voir si cela ne viendrai pas de là. Sait-on jamais.

 

[ajja93]

Juste pour voir si cela ne viendrai pas de là. Sait-on jamais.

Bof, je l'ai fait, mais je n'y croyais pas, pour 3 raisons :
- cela impliquerait plutôt la validation que des avertissements (sans frais)
- j'aurais toujours toujours le problème dans le paragraphe "3" de mon message précédent :cry:
- et enfin les posts du forum d'alsacréation (url indiquée par sibelius) montre d'autres "victimes" qui, eux, respectent la "cascade"

Et bien sûr, j'avais raison de douter, cela ne change effectivement rien ! Et je suis sûr de la bonne "qualité" de ma modif : j'ai tout simplement copié/collé "Votre feuille de style CSS validée :" gracieusement indiquée en bas de page du validateur :wink:
(Mine de rien, cela double le poids du fichier !!!!!!!)

Bon, je laisse tomber, après tout ce ne sont que des avertissements !!! Ce qui compte, c'est la validation (et, encore plus que la validation : que tout soit clean en lecture Firefox et IE :lol: )

Mais ce qui m'étonne le plus, c'est que personne ici ne semble constater la même chose avec ses p'tits CSS persos :?: :?: :?:

 

[tanguy]

Salut ajja93,

Moi aussi j'ai les mêmes avertissements que toi.

 

[narayana]

J'ai la même chose que toi
A mon avis il y a eu une modification au niveau de leur validation.

 

[ajja93]

Ce qui serait intéressant serait d'avoir une explication ... et une raison (dans quel but, ou souci).
Mais je présume que cela viendra bientôt :idea:

 

[ajja93]

Je viens d'avoir la curiosité de regarder 2 sites se voulant de référence,
http://openweb.eu.org/
et
http://www.alsacreations.com/

Alors eux, ils ont leur dose d'avertissements :wink: (et s'ajoute pour alsacreations quelques erreurs, bouh, les vilains !)