validation CSS

[eurisko]

Bonjour,

J'utilise la barre webmaster de FF et ai tenté de valider un de mes CSS.

La validation depuis le W3C valide également la page mais affiche moitié moins d'erreurs.

Je ne comprends pas les erreurs relevées. la plupart sont du style :

La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes .titre et #objet2

Voici le code des éléments concernés :

.titre{
background-color:#006600;
font-size:150%;
color:#ffffcc;
text-align:center;
width:450px;
border: 1px solid navy;
}


#objet2{
position:absolute;
top:560px;
left: 160px;
width:480px;
color: #990000;
}

Auriez-vous une idée?

Merci

[karnabal]

Salut,

Il s'agit en fait plus d'avertissements que d'erreurs.

La réponse chez Alsacréations.

[eurisko]

Oui, c'est bien ce sont bien des erreurs et la feuille est validée.

Ce que je ne comprends pas, c'est que si des erreurs sont signalées, c'est que le code n'est pas conforme aux attentes.

Je me demande en quoi...

[karnabal]

Oui, c'est bien ce sont bien des erreurs et la feuille est validée.

Euh oui...

Ce que je ne comprends pas, c'est que si des erreurs sont signalées, c'est que le code n'est pas conforme aux attentes.

Ne voulais-tu pas en fait dire qu'il s'agissait bien d'avertissements ?

Peux-tu nous donner le lien qui mène vers cette page ?

[eurisko]

Je me suis très mal exprimé dans l'intitulé du post.

En effet, je m'interrogeais sur ces erreurs, mais le lien donné chez alsacréations m'a renseigné.

Si Karnabal veut un lien qui mène sur ma page, c'est avec plaisir.

Cependant ne perds pas de temps dans mon embrouillamini. j'ai développé une mise en page un peu trop compliquée : Je voulais essayer de proposer plusieurs apparences (mises en page, couleurs, dimensions). J'aurais pu simplifier et mettre moins de positions absolues car je n'avais pas suffisamment réfléchi. Mais on ne s'aperçoit aussi des défauts qu'en usinant...

C'est cela l'expérience et le ressort de l'apprentissage...

Je vous remercie de m'avoir répondu

Modifié 19 Janvier 2007 par eurisko

[karnabal]

Je t'invite à installer un navigateur respectueux des standards (Firefox 2.0 par exemple) et à surfer sur ton site afin d'y déceler un certain nombre de problèmes que rencontrent les utilisateurs de ce type de programme, et qui comptent sans doute pour moitié parmi tes visiteurs.

EDIT : je n'avais pas repris le fil depuis le début ! Bon, tu as des soucis avec FF, mais j'espère que tu t'en es rendu compte ! Puisque je passe voilà un lien qui te sera utile : les commentaires conditionnels par Alsacréations.

Modifié 19 Janvier 2007 par karnabal

[theonlydrayk]

Selon le W3C CSS Validation il n'y a aucune erreur.

Uniquement des avertissement

http://jigsaw.w3.org/css-validator/validat...;usermedium=all

Pour l'avertisement :

Same colors for color and background-color in two contexts .menu a and .bordeaux

Quand on indique le background-color ou le color il faut indiquer les 2.

Color seul ou background-color seul oublige le browser a 'devine'

quel autre couleur afficher et ca peut causer un probleme.

Rajoute une couleur transparente pour qu'il prenne la couleur

de l'element parent et l'avertisement va disparaitre.

Pour devenir :

#objet2{
position:absolute;
top:560px;
left: 160px;
width:480px;
color: #990000;
background-color:transparent;
}

Pour l'autre avertisement :

Do not put style rules inside HTML comments as they may be removed by user agent

L'erreur est a l'interieur de ton html dans

<style type="text/css">
<!--
#lienvotre a{
font-size:larger;
}
#legende{
font-size:80%;
font-style:italic;
color:black;}
-->
</style>

Quand tu inclus du CSS a l'interieur du html il faut enlever les commentaires

html <!-- --> Comme ca tu naura plus d'avertisement :

<style type="text/css">
#lienvotre a{
font-size:larger;
}
#legende{
font-size:80%;
font-style:italic;
color:black;}
</style>

Les commentaires html <!-- --> sont pour le Javascript et

pas pour le CSS.

Mais je te conseil plutot de copier ce code dans ton fichier CSS.

Fait dabord valider ton code HTML avant de valider

ton CSS :

http://validator.w3.org/

Quand ton code X/HTML est valide, fait valider ton code CSS

avec le vrai site web officiel : donne ta page HTML il va

trouver lui-meme le ou les fichier CSS relier.

http://jigsaw.w3.org/css-validator/

[eurisko]

Une mine d'information,

merci!

je m'y mets tout de suite!

pour Karnabal, d'après Xiti, peu de visiteurs utilisent FF ( un collègue et moi-même). C'est pour cela que je l'avais un peu négligé.

La barre webmaster pour FF est très utile.

je vais corriger selon les indications de theonlydrayk.

Ma page n'est pas validée en raison de la balise <noscript> de Xiti, je m'en étais déjà aperçu (j'aurai là encore une saine occupation).

Bon dimanche

[karnabal]

pour Karnabal, d'après Xiti, peu de visiteurs utilisent FF ( un collègue et moi-même)

Il n'y a pas que FF et IE pour surfer et je te recommandais plus un navigateur respectueux des standards (je citais FF seulement en exemple) pour que tu effectues tes tests, car même s'il y a peu de visiteurs chez toi qui utilisent FF, tous ceux qui n'utilisent pas IE ont de fortes chances d'utiliser un butineur qui utilise le même moteur que FF et interprète donc les pages de la même manière. Les stats devraient en témoigner.

[eurisko]

Alors en effet, c'est une excellente raison, je vais y regarder de plus près.

Au début, je m'étais aperçu de résultats "surprenants" avec Opéra, mais depuis j'ai changé de PC et j'avoue que j'ai abandonné (mais il y a aussi l'actualité pressante en ce moment qui me prend beaucoup de temps pour la mise à jour).

Je tenterai à nouveau l'aventure (Je cherche le smiley avec une machette )