Warning W3C validator :(

Warning W3C validator :( - HTML/CSS - Programmation

Marsh Posté le 06-10-2009 à 12:17:00    

Bonjour voila j'ai une feuille de style super simple mais j'ai 1 erreur et 1 warning et j'aimerais corriger l'erreur et comprendre le warning :
 

Code :
  1. body{
  2.     margin: 0px;
  3.     padding: 0px;
  4.     text-align: center ;
  5.     font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
  6.     background-color:transparent;
  7. }
  8. #blanket{
  9.     background-color:#111;
  10.     opacity: 0.65;
  11.     filter: alpha(opacity=65); /* Error css3 mais obligatoire pour IE8 */
  12.     position:absolute;
  13.     z-index: 9001;
  14.     top:0px;
  15.     left:0px;
  16.     width:100%;
  17. }


 
Code html :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
  3.     <head> 
  4.          <title>GEM Envol&amp;Compagnie</title> 
  5.          <meta name="keywords" lang="fr" content="gem,envol,cie,compagnie,villeurbanne,groupe,entraide,mutuelle,association,activités,théâtre,danse,journal,informatique,photo,peinture,loisir,culturel,art" /> 
  6.          <meta name="description" content="GEM (Groupe d'Entraide Mutuelle) Envol &amp; Compagnie, une association qui propose diverses activités comme le théâtre, la danse, la peinture, la photo et bien d'autres loisirs." /> 
  7.          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  8.          <meta http-equiv="Content-Language" content="fr" /> 
  9.          <meta http-equiv="Content-Script-Type" content="text/javascript" /> 
  10.          <link href="/style1.css" rel="stylesheet" type="text/css" /> 
  11.          <script src="/include/sc.js" type="text/javascript"></script> 
  12.     </head> 
  13.     <body> 
  14.         <div id="blanket" style="display:none;"></div> 
  15.          
  16.     </body> 
  17. </html>


 
ERROR :
11    #blanket    Parse Error  opacity=65)  
 
WARNING :
9    #blanket   You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
 
Pour l'erreur j'ai l'impression qu'il est impossible de régler ce soucis. Ai je raison ? (IE qui ne respecte pas le standard).
Pour le warning je ne comprends pas


Message édité par Yop69 le 06-10-2009 à 12:17:33
Reply

Marsh Posté le 06-10-2009 à 12:17:00   

Reply

Marsh Posté le 06-10-2009 à 20:30:42    

Pour l'erreur, ne valide que ce qui es standard compliant, en clair, charge une autre feuille de style spécifique à IE (pas besoin de tout retaper, juste appliquer le filter à #blanket)
 
A noter (et à confirmer) que IE8 acceptes ce genre de trucs :

Code :
  1. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  2. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  3. opacity: 0.65;


Pas forcément utile mais bon
 
 
Pour le warning, essayes en saisissant #111111 au lieu de #111 (mais j'ai un doute aussi).

Message cité 1 fois
Message édité par SICKofitALL le 06-10-2009 à 20:32:55

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 06-10-2009 à 23:00:17    

SICKofitALL a écrit :

Pour l'erreur, ne valide que ce qui es standard compliant, en clair, charge une autre feuille de style spécifique à IE (pas besoin de tout retaper, juste appliquer le filter à #blanket)
 
A noter (et à confirmer) que IE8 acceptes ce genre de trucs :

Code :
  1. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  2. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  3. opacity: 0.65;


Pas forcément utile mais bon
 
 
Pour le warning, essayes en saisissant #111111 au lieu de #111 (mais j'ai un doute aussi).


 
bah IE8 accepte filter: alpha(opacity=65); j'avais essayé ton truc mais ca ne marchait pas.
Pour le warning non cela ne vient pas de la.  :sweat:  

Reply

Marsh Posté le 07-10-2009 à 07:54:47    

Le warning t'indique juste que tu n'as pas spécifié de color, mais que tu as mis un background-color - en gros il te prévient que si tu fais pas gaffe ça risque de pas être lisible.:o

Message cité 1 fois
Message édité par skeye le 07-10-2009 à 07:55:00

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

Marsh Posté le 07-10-2009 à 09:30:20    

skeye a écrit :

Le warning t'indique juste que tu n'as pas spécifié de color, mais que tu as mis un background-color - en gros il te prévient que si tu fais pas gaffe ça risque de pas être lisible.:o


 
Oui ok, mais si je mets un color, j'ai toujours le warning ...  :o  
 
 
 :cry:  :cry:  :cry:

Message cité 1 fois
Reply

Marsh Posté le 07-10-2009 à 10:57:30    

Yop69 a écrit :


 
Oui ok, mais si je mets un color, j'ai toujours le warning ...  :o  
 
 
 :cry:  :cry:  :cry:


Je viens de tester, effectivement. C'est bizarre.
 
Mais tu sais, c'est pas grave s'il reste des avertissements ! Surtout s'ils sont "erronés" !

Message cité 1 fois

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
Reply

Marsh Posté le 07-10-2009 à 12:03:31    

kao98 a écrit :


Je viens de tester, effectivement. C'est bizarre.
 
Mais tu sais, c'est pas grave s'il reste des avertissements ! Surtout s'ils sont "erronés" !


 
Bah je ne pense pas qu'ils soient erronés. Je pense surtout que l'on ne saisi pas le message d'information tout simplement :)
Je n'arrive pas à comprendre le sens caché du message hélas !  :sweat:

Message cité 1 fois
Reply

Marsh Posté le 07-10-2009 à 16:16:48    

Yop69 a écrit :


 
Bah je ne pense pas qu'ils soient erronés. Je pense surtout que l'on ne saisi pas le message d'information tout simplement :)
Je n'arrive pas à comprendre le sens caché du message hélas !  :sweat:


Le message est "juste" un avertissement.
Comme dit plus haut, c'est juste pour te rappeler de faire attention à avoir un minimum de contraste entre le texte et le fond.
Mais ça n'empêche pas ton CSS d'être considéré comme valide...
 
Ce qui est bizarre, c'est que je viens de tester le CSS (en enlevant les opacity), avec et sans color, et je n'ai pas de Warning  :pt1cable:  
J'utilise le validateur du W3C. Vous utilisez quoi ?

Reply

Marsh Posté le 07-10-2009 à 16:18:55    

J'ai utilisé le navigateur du w3c aussi. Mais pour valider du css3. Et en affichant bien tous les messages.
 
Edit : je viens de vérifier, c'est bien quand on met en css3 que ça met un warning. C'est pas le cas en css 2.1.


Message édité par kao98 le 07-10-2009 à 16:21:42

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
Reply

Marsh Posté le 07-10-2009 à 16:52:07    

Effectivement je valide une css3 car ya l'opacity à prendre en compte. 5auf l'opacity de IE pour lequel on doit rajouter un truc non standard  :fou: )
"c'est juste pour te rappeler de faire attention à avoir un minimum de contraste entre le texte et le fond. "
 
Ah ok merci pour l'info, bizarre que ce soit un warning que l'on ne peut effacer mais bon :)

Reply

Sujets relatifs:

Leave a Replay

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