Probleme de validation CSS2.1) : balise <style> et autre

Probleme de validation CSS2.1) : balise <style> et autre - HTML/CSS - Programmation

Marsh Posté le 09-08-2015 à 12:40:03    

Bonjours ,  
je ne parviens pas à faire valider ma page CSS <style> sur https://jigsaw.w3.org/css-validator .
Je code sur "Eclipse" et voici l’erreur que le validateur m'affiche :
                                                L.7 -Erreur lors de l'analyse grammaticale. <style> /* style pour l'en tete*/ header { background: #d3d3d3 } )  
                                               L..56- Erreur lors de l'analyse grammaticale. </style>  
voici maintenant le code ( en orange les ligne en question) :  

Code :
  1. @charset "UTF-8";
  3. <style>
  4. /* style pour l'en tete*/
  5. header {
  6. background: #d3d3d3
  7. }
  8. /* style pour les liens de navigation*/
  9. nav a {
  10. text-decoration: none;
  11. color:#000000
  12. }
  14. nav {
  15. background: #f5f5f5;
  16. float: left
  17. }
  19. nav ul {
  20. list-style: none;
  21. padding:30px"
  22. }
  24. nav a:hover {
  25. color:#ff00ff
  26. }
  27. /*style pour la zone d'information*/
  28. aside {
  29. float: right;
  30. color:#ff00ff;
  31. font-size: 1.2em;
  32. width: 150px;
  33. border: solid
  34. }
  35. /* style pour le pied de page*/
  36. footer {
  37. clear: both;
  38. border-width: thin;
  39. padding-top: 2em;
  40. background: #696969;
  41. color:#ffffff
  42. }
  44. footer div {
  45. float: right
  46. }
  48. footer a {
  49. text-decoration: none;
  50. color:#dcdcdc
  51. }
  53. footer a:hover {
  54. color:#ffffff
  55. }
  56. </style>


 
J'ai chercher mais je voit pas pourquoi il me le met en erreur  :??:  ainsi que pourquoi la ligne 7 du validateur comprend 4 ligne de Eclipse .
 
Merci pour votre temps  :wahoo: .
 
PS: Truc qui a rien a voir comment du diminue la largeur de la bordure en bas ,
 la commande style="border-width: px" devrait marchait de ce que j'ai comprit . j'ai essayer  

Code :
  1. <style> footer {border-width: 10px} </style>

 
mais cela ne fonctionne pas :/
 
 
 

Reply

Marsh Posté le 09-08-2015 à 12:40:03   

Reply

Marsh Posté le 09-08-2015 à 13:15:31    

background => c'est plutôt background-color

Reply

Marsh Posté le 09-08-2015 à 13:31:27    

Cela ne change rien  :/

Reply

Marsh Posté le 09-08-2015 à 23:48:05    

Citation :

padding:30px"

 

edit: Ceci passe aussi bien en 3 qu'en 2.1 sans warnings (si on laisse les réglages par défaut)

Code :
  1. @charset "UTF-8";
  2. <style type="text/css">
  3. /* style pour l'en tete*/
  4. header {
  5. background: #d3d3d3
  6. }
  7. /* style pour les liens de navigation*/
  8. nav a {
  9. text-decoration: none;
  10. color:#000000
  11. }
  12. nav {
  13. background: #f5f5f5;
  14. float: left
  15. }
  16. nav ul {
  17. list-style: none;
  18. padding:30px;
  19. }
  20. nav a:hover {
  21. color:#ff00ff
  22. }
  23. /*style pour la zone d'information*/
  24. aside {
  25. float: right;
  26. color:#ff00ff;
  27. font-size: 1.2em;
  28. width: 150px;
  29. border: solid
  30. }
  31. /* style pour le pied de page*/
  32. footer {
  33. clear: both;
  34. border-width: thin;
  35. padding-top: 2em;
  36. background: #696969;
  37. color:#ffffff
  38. }
  39. footer div {
  40. float: right
  41. }
  42. footer a {
  43. text-decoration: none;
  44. color:#dcdcdc
  45. }
  46. footer a:hover {
  47. color:#ffffff
  48. }
  49. </style>


Message édité par rat de combat le 09-08-2015 à 23:50:49
Reply

Marsh Posté le 10-08-2015 à 01:25:27    

tu es dans un fichier .css donc faut virer les balises <styles> qui se trouvent dans TA CSS, depuis le début c'est ça l'erreur.
Il faut apprendre à savoir lire une erreur

Message cité 1 fois
Reply

Marsh Posté le 10-08-2015 à 13:17:55    

gatsu35 a écrit :

tu es dans un fichier .css donc faut virer les balises <styles> qui se trouvent dans TA CSS


J'ai pensé à ça mais n'y connaissant rien en CSS j'ai préféré me taire. :o  
Curieusement avec les balises ça passe aussi, voir mon message...

Message cité 1 fois
Reply

Marsh Posté le 10-08-2015 à 13:21:26    

rat de combat a écrit :


J'ai pensé à ça mais n'y connaissant rien en CSS j'ai préféré me taire. :o  
Curieusement avec les balises ça passe aussi, voir mon message...


Ouais mais elles n'ont rien à faire là, et évidement il manque quelques ; et les " en trop aussi

Reply

Marsh Posté le 11-08-2015 à 12:29:48    

<style> (avec d'ailleurs un  type="text/css" qui manque) c'est pour enclore une définition de styles CSS dans un fichier html.

 

Dans un CSS tu es déjà en train de faire du style donc ça n'a pas de sens, de plus tu ne verras jamais de trucs encadrés de "<>" dans un .css, ça aussi c'est du html (ou xml ou autre langage à balise).

 

Pour le reste tu fais du HTML5, c'est bien :o. Mais veille à ne pas trop abuser des styles qui s'appliquent directement à des éléments HTML, sauf si ta structure est très simple utiliser les classes nommées c'est bien aussi.


Message édité par TotalRecall le 11-08-2015 à 12:32:09

---------------
Réalisation amplis classe D / T      Topic .Net - C# @ Prog
Reply

Sujets relatifs:

Leave a Replay

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