validation CSS => Avertissements

validation CSS => Avertissements - HTML/CSS - Programmation

Marsh Posté le 22-03-2006 à 10:28:35    

bonjour,
que veulent dire ces avertissements :
 

Citation :

Ligne : 9 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #bloc_gauche  
Ligne : 20 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #nav_gauche  
Ligne : 51 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : li  
Ligne : 51 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : li  
Ligne : 58 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .nav_gauche_sous_menu  
Ligne : 63 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .texte_postit  
Ligne : 75 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #postit_inside  
Ligne : 107 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .texte_courant


 
voici un exemple de mon code :
 
#bloc_gauche{
width:150px;
display:inline;
background-color:#FFFFFF;
}

Reply

Marsh Posté le 22-03-2006 à 10:28:35   

Reply

Marsh Posté le 22-03-2006 à 10:56:17    

Cela veut juste dire qu'il va prendre la couleur de fond par défaut du navigateur. Ce qui pourrait très bien être du noir ou du mauve, et non du blanc comme tu l'attends...;)


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:03:55    

alors comment y remedier ? je mets un background à la balise body ?

Reply

Marsh Posté le 22-03-2006 à 11:04:45    

ça devrait le faire, oui...;)


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:07:38    

bah non ça suffit pô ! :(
 

Citation :


Ligne : 6 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body  
Ligne : 25 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:link  
Ligne : 30 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:visited  
Ligne : 37 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:active  
Ligne : 47 (Level : 2) Redéfinition de la propriété margin-left : li  
Ligne : 47 (Level : 2) Redéfinition de la propriété margin-left : #nav_gauche  
Ligne : 69 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #postit_inside  
Ligne : 75 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .post_it_texte_noir  
Ligne : 80 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .post_it_texte_orange  
Ligne : 86 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .post_it_points  
Ligne : 101 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .texte_courant_orange  
Ligne : 114 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .total_points  
 


 
voila le debut de ma CSS :
 

Code :
  1. * {
  2. margin:0;
  3. padding:0;
  4. }
  5. body{
  6. background-color:#FFFFFF;
  7. }
  8. #bloc_gauche{
  9. width:150px;
  10. display:inline;
  11. }
  12. #nav_gauche{
  13. font-family:Arial, Helvetica, sans-serif;
  14. font-size:12px;
  15. font-weight:bold;
  16. margin:0;
  17. padding:0;
  18. list-style-position: inside;
  19. display:inline;
  20. float:right;
  21. }

Message cité 1 fois
Reply

Marsh Posté le 22-03-2006 à 11:09:31    

...et si tu colles ton background-color sur ton * tout connement? [:god]
 
(bon après c'est que des warnings, hein... :whistle:)


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:19:11    

non c pas ça non plus ! lol !
 
Ligne : 4 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : *  
Ligne : 7 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body  
Ligne : 26 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:link  

Reply

Marsh Posté le 22-03-2006 à 11:21:11    

Tu peux rajouter un color sur ton *, si ça t'amuse, pour les 2 premières...[:god]
 
Sinon je saisis pas pourquoi la dernière...[:jean-guitou]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:22:15    

(par contre le color sur * ça risque de te foutre le boxon si t'as pas redéfini les color des liens...[:joce])


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:22:27    

bon de toutes façons, même le validator W3C lui même a les mêmes warnings sur ses CSS ! donc j'imagine que c pas tres grave ! :lol:

Reply

Marsh Posté le 22-03-2006 à 11:22:27   

Reply

Marsh Posté le 22-03-2006 à 11:23:54    

bah non, c'est pas grave...c'est juste qu'il te prévient que la navigateur va prendre les couleurs par défaut pour celles que tu as pas définies explicitement...;)
 
Ca s'affichera exactement comme tu le vois dans ton navigateur favoris dans 99,9999% des cas...;)


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:25:59    

ouai génial ! lol  
 
bon maintenant je galère avec mes listes, ça s'affiche pas pareil dans IE et FF... j'ai pourtant regardé toutes les docs.. mais ya rien à faire ! je sens que je vais retourner avec mes bonnes vieilles tables totalement semantiquement incorrectes que tout le monde déteste ! lol

Message cité 1 fois
Reply

Marsh Posté le 22-03-2006 à 11:27:01    

t'as un lien pour voir ce que ça donne? :??:


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-03-2006 à 11:29:48    

je vais essayer de mettre ça en ligne quelquepart

Reply

Marsh Posté le 22-03-2006 à 11:44:58    

Reply

Marsh Posté le 22-03-2006 à 23:11:06    

et si tu mets  
background: #fff; au lieu de background-color ??

Reply

Marsh Posté le 22-03-2006 à 23:25:24    

freed102 a écrit :

Ligne : 6 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body  
Ligne : 25 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:link  
Ligne : 30 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:visited  
Ligne : 37 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #nav_gauche a:active  
Ligne : 47 (Level : 2) Redéfinition de la propriété margin-left : li  
Ligne : 47 (Level : 2) Redéfinition de la propriété margin-left : #nav_gauche  
Ligne : 69 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #postit_inside  
Ligne : 75 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .post_it_texte_noir  
Ligne : 80 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .post_it_texte_orange  
Ligne : 86 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .post_it_points  
Ligne : 101 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .texte_courant_orange  
Ligne : 114 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .total_points


 
Ce serait plus facile d'avoir l'ensemble des styles utilisées sur ta page (il manque post-it, texte et total) et tu as utilisé li et nav_gauche dans de mauvais contextes :

Code :
  1. * {
  2. margin:0;
  3. padding:0;
  4. }
  5. body{
  6. color:inherit;
  7. background-color:#FFFFFF;
  8. }
  9. #bloc_gauche{
  10. width:150px;
  11. display:inline;
  12. }
  13. #nav_gauche{
  14. color:inherit;
  15. background-color:inherit;
  16. font-family:Arial, Helvetica, sans-serif;
  17. font-size:12px;
  18. font-weight:bold;
  19. margin:0;
  20. padding:0;
  21. list-style-position: inside;
  22. display:inline;
  23. float:right;
  24. }


Pour les color et background-color il faut mettre des inherit (hérite du paramètre de l'élément parent) pour que l'on soit tranquille avec les avertissements.

Reply

Marsh Posté le 23-03-2006 à 09:40:16    

alors justement venons en au inherit... ya t il un moyen pour que justement ça n'hérite pas ??? parceque là j'ai fait des class pour mes liens.. mais c un gros bordel !!!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed