Validation de CSS

Validation de CSS - HTML/CSS - Programmation

Marsh Posté le 25-01-2007 à 17:22:07    

Bonjour, je n'arrive pas à valider ce morceau de CSS :
 
 

Code :
  1. /*Definition des elements principaux*/
  2. * {margin:0; padding:0;}
  3. body {background:#FFFFFF; font-family:Verdana; font-size:0.7em;}
  4. #content {margin:0;  display:table-cell; _display:inline-block; }
  6. .alpha {
  7. opacity:0.6;
  8. }
  10. .alpha:hover {
  11. opacity:1;
  12. }
  14. .alpha2 {
  15. opacity:0.4;
  16. }
  18. .alpha2:hover {
  19. opacity:1;
  20. }

Reply

Marsh Posté le 25-01-2007 à 17:22:07   

Reply

Marsh Posté le 25-01-2007 à 17:46:25    

euh s'koi t'arrives pas à comprendre dans les messages?
nan parce que c'est clair quand même [:pingouino]
http://jigsaw.w3.org/css-validator [...] medium=all

Reply

Marsh Posté le 25-01-2007 à 19:44:37    

Bah si je change un truc, ce qui est sur ma page ne fonctionne plus... :/
Je n'arrive pas à ce que le css soit valide en même temps que ma page fonctionne parfaitement.

 


Sinon je suis sous frirefox, mon site fonctionne parfaitement sauf que sur ie7 cela fait un bug dont je ne vois as d'où il vient... http://multymygames.rox.fr/


Message édité par lyneus le 25-01-2007 à 19:46:23
Reply

Marsh Posté le 26-01-2007 à 08:03:13    

Alors : Déjà opacity c'est pas encore trop dans la norme CSS2
Mais l'opacité c'est géré par tous les navigateurs :  
 
.alpha {
  -moz-opacity:0.5; <==FF
  filter:alpha(opacity=50); <= IE;
  opacity:0.5; <== Safari, Opera 8.5+ et autres (s'ils gèrent)
}
 
Ensuite la validation de la CSS on s'en branle éperdument, okay le validateur te dira ce qu'il lui plait pas, okay pour dire que ca t'aidera aussi à corriger tes erreurs de syntaxe, mais alors, la validation de la feuille de style, on s'en branle totalement.
Exemple simple : Juste l'utilisation de propriétés particulières des navigateurs, de hacks CSS (surtout pour IE) font que ta CSS ne se validera jamais.

Reply

Marsh Posté le 26-01-2007 à 16:48:27    

Merci beaucoup ça fonctionne.
J'ai mis exactement ça :

 


Code :
  1. .alpha {
  2.   -moz-opacity:0.6; /*Firefox*/
  3.   filter:alpha(opacity=60); /*Internet Explorer*/
  4.   opacity:0.6; /*Safari, Opera 8.5  et autres (s'ils gèrent)*/
  5.   }
  6.  
  7. .alpha:hover {
  8.   -moz-opacity:1; /*Firefox*/
  9.   filter:alpha(opacity=100); /*Internet Explorer*/
  10.   opacity:1; /*Safari, Opera 8.5  et autres (s'ils gèrent)*/
  11.   }
  12.  
  13. .alpha2 {
  14.   -moz-opacity:0.4; /*Firefox*/
  15.   filter:alpha(opacity=40); /*Internet Explorer*/
  16.   opacity:0.4; /*Safari, Opera 8.5  et autres (s'ils gèrent)*/
  17.   }
  18.  
  19. .alpha2:hover {
  20.   -moz-opacity:1; /*Firefox*/
  21.   filter:alpha(opacity=100); /*Internet Explorer*/
  22.   opacity:1; /*Safari, Opera 8.5  et autres (s'ils gèrent)*/
  23.   }


Message édité par lyneus le 26-01-2007 à 17:49:44
Reply

Sujets relatifs:

Leave a Replay

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