28220 sujets

CSS et mise en forme, CSS3

Validation CSS

Bonjour à tous,

Je souhaites faire valider mon fichier CSS sur le site suivant (afin de pouvoir mettre le ptit logo CSS Validor Smiley cligne !!):
http://jigsaw.w3.org/css-validator/

Mais il me retourne ces avertissements :

Ligne : 9 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body 
Ligne : 13 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : div#form 
Ligne : 17 (Level : 2) Redéfinition de la propriété font-size : .font_form 
Ligne : 20 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .font_form 
Ligne : 54 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : div#conteneur 
Ligne : 90 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : div#contenu h3 
Ligne : 99 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : div#contenu a 
Ligne : 103 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : div#contenu a:hover 
Ligne : 113 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : pre 
Ligne : 119 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : pre span 
Ligne : 122 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : pre span.comment 
Ligne : 141 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : ul#menu li a 
Ligne : 148 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : ul#menu li a:hover 
Ligne : 156 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .gras_grand 
Ligne : 163 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .gras_normal


Voici mon fichier CSS :

/* Définition des paramétres pour la balise body */
body {
margin-left : 0; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
background-color : #fbcfb8;
} 
div#form {
border : 1px solid #da0a71; 
background : #fbcfb8; 
} 
.font_form {
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
font-size : small; 
font-weight : bold; 
letter-spacing : 1px; 
color : #ad0000; 
} 
.contour {
border : 1px solid #da0a71; 
} 
.droite_bas {
border-bottom : 1px solid #da0a71; 
border-right : 1px solid #da0a71; 
} 
.bas {
border-bottom : 1px solid #da0a71; 
} 
input {
border : 1px solid black; 
background-color : #fcefd4; 
font-family : "trebuchet ms", sans-serif; 
color : black; 
} 
textarea {
border : 1px solid black; 
background-color : #fcefd4; 
font-family : "trebuchet ms", sans-serif; 
color : black; 
} 
input.bouton {
border : 1px outset black; 
font-weight : bold; 
cursor : pointer; 
} 
div#conteneur {
width : 760px; 
margin : 0 auto; 
text-align : left; 
border : 1px solid #ad907e; 
background : #fff; 
} 
div#header1 {
height : 131px; 
background : url(../images/images/capricedange_01.gif) no-repeat left top; 
} 
div#header2 {
height : 66px; 
width : 626px; 
margin-left : 135px; 
background : url(../images/images/capricedange_02.gif) no-repeat; 
} 
div#header3 {
height : 66px; 
width : 626px; 
margin-left : 135px; 
background : url(../images/images/capricedange_03.gif) no-repeat; 
} 
div#contenu {
padding-top : 0; 
padding-left : 100px; 
padding-right : 60px; 
} 
div#contenu h2 {
font-family : "trebuchet ms", sans-serif; 
padding-left : 38px; 
line-height : 24px; 
font-size : 1.8em; 
color : #5e0034; 
border-bottom : 1px solid #5e0034; 
background : url(../images/petite_fleur.gif) no-repeat left center; 
background-color : #fcefd4; 
} 
div#contenu h3 {
margin-left : 30px; 
padding-left : 5px; 
color : #5e0034; 
font-size : small; 
} 
div#contenu p {
text-align : justify; 
text-indent : 1.4em; 
line-height : 1.5em; 
} 
div#contenu a {
color : #5e0034; 
text-decoration : none; 
} 
div#contenu a:hover {
color : #ad0000; 
text-decoration : none; 
} 
p#footer {
margin : 0; 
height : 60px; 
background : url(../images/images/capricedange_05.gif) no-repeat left bottom; 
} 
pre {
font-size : x-small; 
color : #000; 
} 
* html pre {
width : 636px; 
} 
pre span {
color : #560; 
} 
pre span.comment {
color : #b30000; 
} 
ul#menu {
height : 65px; 
width : 625px; 
margin-left : 0; 
margin-top : 0; 
list-style-type : none; 
} 
ul#menu li {
float : left; 
text-align : center; 
} 
ul#menu li a {
width : 100px; 
line-height : 25px; 
font-size : small; 
font-weight : bold; 
letter-spacing : 1px; 
color : #5e0034; 
text-decoration : none; 
} 
ul#menu li a:hover {
font-size : small; 
font-weight : bold; 
letter-spacing : 1px; 
color : #ad0000; 
} 
.gras_grand {
padding-left : 180px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-indent : 2em; 
line-height : 1.7em; 
font-size : 1.3em; 
color : #ad0000; 
font-weight : bold; 
} 
.gras_normal {
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-indent : 2em; 
line-height : 1.7em; 
color : #ad0000; 
font-weight : bold; 
}


Quel est le problème ??
Merci de votre aide.
Non le pb n'est pas résolu !!

Il me demande une couleur de fond pour mon menu li a et menu li:hover car j'ai mis une color pour la police. Le pb c'est que mon menu est positionné sur une image.
Donc si j'applique une couleur de fond ça fait moche !!
Et si je mets background: transparent; il ne le prend pas en compte !!

Comment faire ???
Une fois que tout sera Ok, comment on fait pour avoir le ptit logo 'Validation CSS' ???

merci de ton aide
Le fait d'avoir des avertissements n'empêche pas de gagner son logo CSS validation.
Le tout est de ne pas avoir d'erreur.
Comment fait-on dans ce cas pour avoir le logo ???
Il ne me propose rien...
Je n'ai que des avertissements pas d'erreur.
J'ai testé mon site pour la validation xhtml 1.0 et ça passe. Il me donne un ptit code à placer en page de page pour avoir le logo.

Comment ça se passe pour le css ??

Merci de ton aide et des réponses déjà postés !
@+ tard
Merci.
Effectivement je n'arrive pas à avoir ce pti bout de code.
Peut-etre que c'est du au fait que je lui envois mon fichier CSS ?? et non l'adresse du site ???

Qu'en penses-tu ???
Merci
Sujet clos
Aller à