Problème validation CSS

Version imprimable

Bonjour,

J'essaie de faire valider ma feuille de style css mais j'ai pas mal d'erreurs dont une que je ne comprends pas :

Propriété érronée : font Erreur lors de l'analyse grammaticale. - [empty string]
pour la classe slogan.

Alors que dans ma feuille de style, j'ai :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
body
{
 font : 10pt verdana,helvetica, sans-serif;
 /*margin:40px;*/
 /*background:#D88678;*/
 background:#AEAFB2; 
}
 
.spacer 
{ 
 clear: both; 
}
 
a
{
 text-decoration:none;
}
 
li
{
 list-style-type: none;
}
 
/******************************************************************************/
/*                                  EN-TETE                                   */
/******************************************************************************/
 
#enTete
{
 background:#FFF7CD;
}
 
#logo
{
  margin:20px;
  width:200px;
  height:104px;
  background-image: url("../images/xxx.jpg");
  background-repeat: no-repeat;
}
 
#slogan
{  
   font:bold 14pt;
   float: right;
   margin-top:20px;
   margin-right:100px;
   color:#A40200;
   /*font:14pt;*/  
}

Qqn a une idée ?

Utilise plutôt

Code:

1
2
3
4
5
6
7
8
9
 
#slogan {
font-size : 14pt;
font-weight : bold;
float : right;
margin-top : 20px;
margin-right : 100px;
color : #a40200;
}

07/03/2007, 09h25
BnA
Déjà je pense que pour ta propriété font, tu ferais mieux de mettre ceci:
Code:

1 2 3 font-weight:bold; font-size: 14pt;
07/03/2007, 09h27
BnA

Erf... Trop lent moi... ;)
07/03/2007, 09h36
Dan_A

Pour répondre au message édité / réduit (trop lent moi aussi)
font: bold 14pt verdana,helvetica, sans-serif; est du css valide, pas font: bold 14pt; du moins pour le validateur W3C.
07/03/2007, 09h41
BnA

Ok, bon à savoir...

Mais de toute façon, je préfère bien séparer les différents paramètres... Ca me semble plus clair de paramétrer la police d'écriture avec 5 ou 6 paramètres différents, plutôt que de mettre "font" suivi d'un truc à rallonge...

'fin, ce n'est que mon avis ;)
07/03/2007, 09h50
hartecel

Merci c'est ça ... ça marche !!
Par contre, j'ai des avertissements, parce que j'utilise les mêmes couleurs :

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

C'est grave ?
07/03/2007, 09h54
Candygirl

La propriété raccourcie font est définie selon la notation suivante dans les recommandations w3c:

Citation:

[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

Cela signifie qu'elle doit contenir au minimum le font-size suivi du font-family ou alors une des valeurs uniques suivantes: caption | icon | menu | message-box | small-caption | status-bar | inherit

Donc, soit tu rajoutes la valeur du font-family dans ta déclaration, soit tu utilises les propriétés séparées comme proposé.
07/03/2007, 10h53
MasterOfChakhaL

Citation:

Envoyé par hartecel

Merci c'est ça ... ça marche !!
Par contre, j'ai des avertissements, parce que j'utilise les mêmes couleurs :

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

C'est grave ?

salut,

un avertissement n'est pas une erreur. Cela signifie que le validateur n'a pas pu trancher. Avec cet avertissement, le programme estime qu'une partie de ton contenue pourrait être invisible, ce qui serait une erreur d'accessibilité (pas de css).
En tant qu'auteur de la feuille de style, si tu sais que ton contenu sera visible grâce à d'autres propriétés définies par ailleurs, tu peux ne pas t'en soucier