Bonjour à tous,
J'essaie de faire valider ma page css par le W3C mais je ni arrive pas il me parle d'avoir un arbre grammatical correcte.
Enfin voila l'erreur complète :
"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."
Sachant que ma page html est validé par le W3C.
et voici mon code css :
body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
background-color: #000000;
}
.head1 {
background: url(images/fondEnTete1.jpg);
width: 770px;
height: 91px;
border: 2px outset #FF5E21;
border-bottom-style: hidden;
}
.head2 {
border: 2px outset #FF5E21;
background: url(images/zebre.jpg);
width: 770px;
height: 36px;
}
.gauche {
border: 2px outset #FF5E21;
border-top-style: hidden;
position: absolute;
left:0;
background-color: #D68D6A;
width: 181px;
height: 337px;
}
.centre {
border: 2px outset #FF5E21;
border-top-style: hidden;
background-color: #D68D6A;
margin-left: 181px;
width: 589px;
height: 337px;
}
.contenu {
border: 2px outset #FF5E21;
border-top-style: hidden;
background-color: #FFFFFF;
width: 550px;
height: 298px;
}
ul,li {
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}
.menu {
margin-top: 80px;
margin-left: 10px;
width: 160px;
height: 170px;
border: 1px outset #FFFFFF;
background-color: #FF5E21;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}
.menuItem{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
text-align: left;
color: #FFFFFF;
}
.arobaseItem{
float: left;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
Voila et merci d'avance a ceux qui repondront à ce message
Modifié par erehcab (28 Sep 2005 - 09:25)
J'essaie de faire valider ma page css par le W3C mais je ni arrive pas il me parle d'avoir un arbre grammatical correcte.
Enfin voila l'erreur complète :
"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."
Sachant que ma page html est validé par le W3C.
et voici mon code css :
body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
background-color: #000000;
}
.head1 {
background: url(images/fondEnTete1.jpg);
width: 770px;
height: 91px;
border: 2px outset #FF5E21;
border-bottom-style: hidden;
}
.head2 {
border: 2px outset #FF5E21;
background: url(images/zebre.jpg);
width: 770px;
height: 36px;
}
.gauche {
border: 2px outset #FF5E21;
border-top-style: hidden;
position: absolute;
left:0;
background-color: #D68D6A;
width: 181px;
height: 337px;
}
.centre {
border: 2px outset #FF5E21;
border-top-style: hidden;
background-color: #D68D6A;
margin-left: 181px;
width: 589px;
height: 337px;
}
.contenu {
border: 2px outset #FF5E21;
border-top-style: hidden;
background-color: #FFFFFF;
width: 550px;
height: 298px;
}
ul,li {
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}
.menu {
margin-top: 80px;
margin-left: 10px;
width: 160px;
height: 170px;
border: 1px outset #FFFFFF;
background-color: #FF5E21;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}
.menuItem{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
text-align: left;
color: #FFFFFF;
}
.arobaseItem{
float: left;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
Voila et merci d'avance a ceux qui repondront à ce message



Modifié par erehcab (28 Sep 2005 - 09:25)