Problème validation fichier CSS par le WC3

Problème validation fichier CSS par le WC3 - HTML/CSS - Programmation

Marsh Posté le 13-07-2004 à 10:35:48    

J'ai un petit soucis quand je soumet un fichier de style CSS à validation sur le site du W3C.
Il me dit Pour fonctionner comme prévu, votre feuille de style CSS doit avoir un arbre grammatical correct, cela implique que vous devriez utiliser de l'HTML valide. et je ne sais pas ce que ça veut dire :-(
 
 

Code :
  1. H1{
  2. FONT-WEIGHT: bold;
  3. FONT-SIZE: 18px;
  4. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  5. COLOR: #162c36;
  6. LINE-HEIGHT: 16px;
  7. }
  8. H2{
  9. FONT-WEIGHT: bold;
  10. FONT-SIZE: 14px;
  11. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  12. COLOR: #162c36;
  13. LINE-HEIGHT: 16px;
  14. }
  15. .TITLE {
  16. FONT-SIZE: 16pt;
  17. COLOR: black;
  18. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  19. }
  21. .normtext {
  22. FONT-SIZE: 12px;
  23. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  24. COLOR: #162c36;
  25. LINE-HEIGHT: 16px;
  26. }
  28. .normtexthand {
  29. FONT-SIZE: 12px;
  30. CURSOR: pointer;
  31. COLOR: #162c36;
  32. LINE-HEIGHT: 16px;
  33. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  34. }
  35. .normalText {
  36. FONT-SIZE: 12px;
  37. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  38. COLOR: #162c36;
  39. LINE-HEIGHT: 16px;
  40. }
  41. .normalText1 {
  42. FONT-SIZE: 11px;
  43. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  44. COLOR: #162c36;
  45. LINE-HEIGHT: 16px;
  46. }
  47. .HRcolor {
  48. COLOR: #9AB1B7;
  49. BACKGROUND-COLOR: #9AB1B7;
  50. }
  51. .TABLE_Type1 {
  52. BORDER-RIGHT: #7f9db9 1px solid;
  53. BORDER-TOP: #7f9db9 1px solid;
  54. BORDER-LEFT: #7f9db9 1px solid; 
  55. BORDER-BOTTOM: #7f9db9 1px solid;
  56. BACKGROUND-COLOR: #DDDDDD;
  57. }
  58. .TABLE_progress {
  59. BORDER-RIGHT: #7f9db9 1px solid;
  60. BORDER-TOP: #7f9db9 1px solid;
  61. BORDER-LEFT: #7f9db9 1px solid;
  62. BORDER-BOTTOM: #7f9db9 1px solid
  63. }
  64. .TD_Normal {
  65. FONT-SIZE: 11pt;
  66. WIDTH: 200px;
  67. COLOR: black;
  68. FONT-STYLE: normal;
  69. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  70. TEXT-ALIGN: left;
  71. }
  72. .TD_Normal2 {
  73. FONT-SIZE: 11pt;
  74. WIDTH: 200px;
  75. COLOR: black;
  76. FONT-STYLE: normal;
  77. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  78. TEXT-ALIGN: left;
  79. }
  80. .TD_Label {
  81. FONT-SIZE: 11pt;
  82. WIDTH: 200px;
  83. COLOR: black;
  84. BORDER-BOTTOM: #7f9db9 1px dashed;
  85. FONT-STYLE: normal;
  86. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  87. TEXT-ALIGN: left;
  88. BORDER-RIGHT: #7f9db9 1px solid;
  89. BORDER-TOP: #7f9db9 1px solid;
  90. BORDER-LEFT: #7f9db9 1px solid; 
  91. BORDER-BOTTOM: #7f9db9 1px solid;
  92. BACKGROUND-COLOR: #DDDDDD;
  93. }
  94. .TD_Input {
  95. FONT-SIZE: 11pt;
  96. WIDTH: 200px;
  97. COLOR: black; 
  98. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  99. TEXT-ALIGN: left;
  100. BORDER-RIGHT: #7f9db9 1px solid;
  101. BORDER-TOP: #7f9db9 1px solid;
  102. BORDER-LEFT: #7f9db9 1px solid; 
  103. BORDER-BOTTOM: #7f9db9 1px solid;
  104. BACKGROUND-COLOR: #9AB1B7
  105. }
  106. .TD_InputReadOnly {
  107. FONT-SIZE: 11pt;
  108. WIDTH: 200px;
  109. COLOR: black; 
  110. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  111. TEXT-ALIGN: left;
  112. BORDER-RIGHT: medium none;
  113. BORDER-TOP: medium none;
  114. BORDER-LEFT: #7f9db9 1px solid;
  115. BORDER-BOTTOM: #7f9db9 1px solid;
  116. }
  117. .buttonType1 {
  118. FONT-WEIGHT: normal;
  119. FONT-SIZE: 11px;
  120. WIDTH: 75px;
  121. CURSOR: pointer;
  122. FONT-STYLE: normal;
  123. FONT-FAMILY: tahoma,sans-serif,arial;
  124. HEIGHT: 20px;
  125. TEXT-DECORATION: none;
  126. }
  127. .comboType1 {
  128. WIDTH: 200px;
  129. }
  130. .inputType1 {
  131. WIDTH: 200px;
  132. }
  133. .inputType2 {
  134. WIDTH: 100px;
  135. }
  136. .inputTypeReadOnly {
  137. BORDER-RIGHT: medium none;
  138. BORDER-TOP: medium none;
  139. BORDER-LEFT: medium none;
  140. WIDTH: 100px;
  141. BORDER-BOTTOM: medium none;
  142. }
  143. .inputType1ReadOnly {
  144. BORDER-RIGHT: medium none;
  145. BORDER-TOP: medium none;
  146. BORDER-LEFT: #7f9db9 1px solid;
  147. WIDTH: 200px;
  148. BORDER-BOTTOM: #7f9db9 1px solid;
  149. }
  150. .inputType2ReadOnly {
  151. BORDER-RIGHT: medium none;
  152. BORDER-TOP: medium none;
  153. BORDER-LEFT: #7f9db9 1px solid;
  154. WIDTH: 100px;
  155. BORDER-BOTTOM: #7f9db9 1px solid;
  156. }
  158. .smalltext {
  159.  color: #333399;
  160.  font-family:Verdana, Arial, Helvetica, sans-serif;
  161.  font-size:10px;
  162.  line-height:13px;
  163.  font-weight:bold;
  164.  text-decoration:none;
  165. }
  167. .headlineColor {
  168.  color: #333399;
  169.  font-family:Verdana, Arial, Helvetica, sans-serif;
  170.  font-size:15px;
  171.  font-weight:bold;
  172.  text-decoration:none;
  173.  line-height:18px;
  174. }
  176. .TABLE_form {
  177. BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-SIZE: 11pt; BORDER-LEFT: #7f9db9 1px solid; COLOR: black; BORDER-BOTTOM: #7f9db9 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: left
  178. }
  179. .TABLE_form1 {
  180. BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 0px solid; FONT-SIZE: 11pt; BORDER-LEFT: #7f9db9 1px solid; COLOR: black; BORDER-BOTTOM: #7f9db9 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: left
  181. }
  182. .TD_Label2 {
  183. FONT-SIZE: 11pt; WIDTH: 150px; COLOR: black; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: right
  184. }
  185. .loadingTable {
  186.       BORDER-RIGHT: #000000 1px solid;
  187.       BORDER-TOP: #000000 1px solid;
  188.       BORDER-LEFT: #000000 1px solid;
  189.       BORDER-BOTTOM: #000000 1px solid;
  190.       BACKGROUND-COLOR: #EEEEEE;
  191. }
  193. .loadingStyle {
  194. FONT-WEIGHT: bold;
  195. FONT-SIZE: 14px;
  196. LINE-HEIGHT: normal;
  197. FONT-STYLE: normal;
  198. FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
  199. }
  201.   .TitreTab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold;}
  202.   .pane { display : none; }
  203.   td.tabs {HEIGHT: 40px;FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #162c36; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; BORDER-BOTTOM: #7f9db9 0px solid; BACKGROUND-COLOR: #dddddd;WIDTH: 100px; }
  204.   td.tabs2 {HEIGHT: 20px;FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #162c36; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; BORDER-BOTTOM: #7f9db9 0px solid; BACKGROUND-COLOR: #ffffff; cursor : auto;WIDTH: 100px; }
  205.   div.tabs { background-color : #FFFFFF; cursor : auto; }
  206.   .loadingStyle { FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
  207.   .menuTable { BORDER-RIGHT: #FFFFFF 2px solid; BORDER-BOTTOM: #FFFFFF 2px solid; }
  208.   .menuStyle { CURSOR: pointer; FONT-WEIGHT: bold; FONT-SIZE: 10px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
  209.   .subMenu { POSITION: absolute; VISIBILITY: hidden; }
  210.  .texteTab {font-size: x-small}
  211.         .Style4 {
  212. font-family: Verdana, Arial, Helvetica, sans-serif;
  213. font-weight: bold;
  214. color: #F75210;
  215. }

Reply

Marsh Posté le 13-07-2004 à 10:35:48   

Reply

Marsh Posté le 13-07-2004 à 10:38:14    

LOL
 
ton css est bon, mais il te dit juste que pour que ton bon css fonctionne il te faudra un html correct

Reply

Marsh Posté le 13-07-2004 à 10:41:30    

ha oki... en fait comme il me donnait pas le code du petit picto "CSS validé W3C" je me disais que c'était pas bon. pk il me le file pas alors ?

Reply

Marsh Posté le 13-07-2004 à 12:10:30    

chez moi il le met le logo :
http://jigsaw.w3.org/css-validator [...] medium=all
et j'ai aussi la phrase qui parle du HTML valide :o
 
mais de toute façon ils sont moche ces logos :D
j'aime mieux ceux là:
 
http://gtmcknight.com/buttons/validated.php


Message édité par antp le 13-07-2004 à 12:11:16

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 13-07-2004 à 13:12:25    

ouais bizarre que je n'ai pas ce message moi
en tout cas les boutons que tu proposes sont carrément plus sympas
merci :-)

Reply

Sujets relatifs:

Leave a Replay

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