Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
680 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2264153
fanforum
Posté le 09-08-2015 à 12:40:03  profilanswer
 

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";
  2. <style>
  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>


 
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 :/
 
 
 

mood
Publicité
Posté le 09-08-2015 à 12:40:03  profilanswer
 

n°2264155
pppplus
Posté le 09-08-2015 à 13:15:31  profilanswer
 

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

n°2264156
fanforum
Posté le 09-08-2015 à 13:31:27  profilanswer
 

Cela ne change rien  :/

n°2264175
rat de com​bat
attention rongeur méchant!
Posté le 09-08-2015 à 23:48:05  profilanswer
 

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
n°2264178
gatsu35
Blablaté par Harko
Posté le 10-08-2015 à 01:25:27  profilanswer
 

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

n°2264193
rat de com​bat
attention rongeur méchant!
Posté le 10-08-2015 à 13:17:55  profilanswer
 

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...

n°2264194
gatsu35
Blablaté par Harko
Posté le 10-08-2015 à 13:21:26  profilanswer
 

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

n°2264244
TotalRecal​l
Posté le 11-08-2015 à 12:29:48  profilanswer
 

<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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Problème d'envoi de mailsproblème GIT
Problème de données php dans envoi de mail htmlPetit problème Java
Requête mysql problemeProblème filtrage macro
Problème d'image et de lien hypertexteProblème de script
Probleme a la compil?Access 97 Probleme de TOP // LIMIT
Plus de sujets relatifs à : Probleme de validation CSS2.1) : balise <style> et autre


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR