Se connecter avec
S'enregistrer | Connectez-vous

validation CSS

Dernière réponse : dans Programmation

Bonjour, hier, j'ai commencé la progammation d'un site grâce à un très bon tutorial que j'ai trouvé.
Mon site sera celui de mon club de foot et il est en xhtml et CSS.
Je suis passé à la validation html mais pas moyen de passer à celle de CSS: J'ai 7 avertissements qui me disent tous :soit:"Vous n'avez pas de couleur de fond définie avec votre couleur", soit "Vous n'avez pas de couleur définie avec votre couleur de fond".
Je ne sais pas si c'est grave d'avoir des avertissements ou si on est validé quand même mais à tout hasard je demande de l'aide.
Merci

Autres pages sur : validation css

Lassé par la pub ? Créez un compte

ok le voici (il est fait avec Notepad++)

h1
{
color:red;
font-family:Impact,serif;
text-align:center;
}
h2
{
color:blue;
font-family:"Comic Sans MS",serif;
text-align:center;

}
body
{
background-color:yellow;
}
ul
{
font-size:small;
color :black;
text-align:left;
}
a
{
color:blue;
text-decoration:none;
}
a:hover
{
color:red;
}
body
{
width: 760px;
margin: auto;
margin-bottom:20px;
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("ballon.jpg");
margin-bottom: 10px;
}
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color : yellow;
background-repeat: repeat;
border: 2px solid black;
margin-bottom: 20px;
}
.element_menu h3
{
color:red;
font-family: "Comic Sans MS",serif;
text-align: center;
background-color:yellow;
}
.element_menu ul
{
list-style-image: url("ballon2.gif");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
color:blue;
font-style:normal;
background-color:yellow;
}
.element_menu a:hover
{
text-decoration: underline;
}
#corps
{
text-align:center;
}
#pied_de_page
{
padding: 5px;
text-align: center;
color: #B3B3B3;
background-color:yellow;
}

Il suffit de lire le message d'erreur :
Dans tes styles, tu n'as soit que la couleur de fond soit que la couleur du texte.
Donc si quelqu'un regarde ta page qui utilise cette feuille de style, les couleurs que tu n'aura pas définit seront celle du navigateur par defaut.
Donc pour la plupart des gens ca ira. Mais certains navigateurs permettent de redefinir ces couleurs par defauts.
Prenont l'exemple de ton body:
[cpp]
body{
background-color:yellow;
} [cpp]
Si quelqu'un a mis comme preference de toujours afficher le texte en jaune, ton text sera invisible.

Donc en gros quand tu definis une couleur de fond, il faut toujours dire de quelle couleur est le texte.

au passage, quelques liens pratiques sur les css :
http://www.smashingmagazine.com/2007/05/10/70-expert-id...
http://www.smashingmagazine.com/2007/01/19/53-css-techn...

Non l'image ne disparait pas, la couleur de fond permet d'avoir un fond pour les personnes qui ne téléchargent pas les images, et ca permet aussi de lire le texte le temps que les images soient téléchargées (pour les bas débits)
Lassé par la pub ? Créez un compte
Tom's guide dans le monde