Discussion :

[Yoshidu62]

Bonjour, je suis actuellement en train de faire valider ma feuille de style et j'obtiens régulièrement le même avertissement au niveau des couleurs, je m'explique :

- si je défini color alors il me dit que je dois définir un background-color, pourquoi? quel est l'utilité de faire ça?

- et inversement si je défini un background-color il me dit de définir un color...

En plus les 2 couleurs doivent être différentes.

Je veux bien définir des couleurs mais je voudraient quand même savoir à quoi ça sert.

Vous savez vous?

[Yoshidu62]

Personne n'a de réponse?

[crazy-spans]

Bonjour,

...
En plus les 2 couleurs doivent être différentes.
...

...pour éviter simplement qu'un texte ait la même couleur que son fond.
Avoir sur la même ligne de définition: color & background te permet d'éviter ce type de chose.

J'avoue que c'est lourd mais bon c'est juste le précepte souhaité du w3c

@+

[azertyman]

- si je défini color alors il me dit que je dois définir un background-color, pourquoi? quel est l'utilité de faire ça?

Effectivement ce n'est pas normal que tu es une erreur de ce type, car background-color (ou simplement background) et color cohabitent très bien (heurement, lol). Pourrais-tu nous montrer le message d'erreur retourné et le code en question ? (pas toute la feuille de style, juste le passage qui va pas )

- et inversement si je défini un background-color il me dit de définir un color...

En fait c'est le mode blague du validateur

En plus les 2 couleurs doivent être différentes.

Ca, le validateur s'en moque (heureusement car il n'a aucun gout ce validateur )

...pour éviter simplement qu'un texte ait la même couleur que son fond.

... et bien il suffit que la couleur de fond soit différente de celle du texte

[Yoshidu62]

Alors tout d'abord si je met un background-color :

Code :

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

1
2
 
li#presentation a:hover { <ul><li style="">background :  url(images/banorg1.png) no-repeat;</li><li style="">background-color : gray;</li></ul>}

Voici l'avertissement :

Ligne : 62 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : li#presentation a:hover

Ensuite si je met un color :

Code :

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

1
2
 
li#presentation a:hover { <ul><li style="">background :  url(images/banorg1.png) no-repeat;</li><li style="">color : #f3a549;</li></ul>}

Et l'avertissement qui va avec :

Ligne : 62 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : li#presentation a:hover

Voilà

Par contre tu dis qu'il s'en fout que les couleurs soient différentes, mais pas vraiment étant donné que si je met la même couleur pour les deux et bien il met un avertissement comme quoi les couleurs sont identiques.

[titoumimi]

Ce ne sont que des avertissements, donc non bloquants pour la validation w3c.

Une solution de contournement consiste à user et abuser de la propriété inherit (ca ne passe malhreusement pas avec la propriété transparent...)

[crazy-spans]

Bonjour,

background & background-image ne sont pas considérés comme identiques,
autrement dit: (si je ne m'abuse)

Code :

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

1
2
3
 
  backround-image: url(...);
 color:#000000;

provoque un warning

ce qui aurait du être::

Code :

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

1
2
3
4
 
  backround-image: url(...);
  backround:#FFFFFF;
 color:#000000;

Voilà

Par contre tu dis qu'il s'en fout que les couleurs soient différentes, mais pas vraiment étant donné que si je met la même couleur pour les deux et bien il met un avertissement comme quoi les couleurs sont identiques.

non, non, il s'en fout pas, c'est bien signalé En revanche ca empêche pas
la validation.

[azertyman]

Code :

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

li#presentation a:hover {<ul><li style="">background :  url(images/banorg1.png) no-repeat;</li><li style="">background-color : gray;</li></ul>}

Pour moi l'erreur viens de li#presentation : de quoi cherches-tu à définir le style ?

Ton code signifie cela : tout les id=présentation dans les balises <li> : cela ne sert à rien, et est d'ailleur peu conforme, puisque les id doivent être unique sur la page, ils n'ont donc pas besoin d'être précédé de li