Discussion :

[hartecel]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Dan_A]

Utilise plutôt

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[Candygirl]

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

[ [ <'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é.

[BnA]

Déjà je pense que pour ta propriété font, tu ferais mieux de mettre ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
font-weight:bold;
font-size: 14pt;

[BnA]

Erf... Trop lent moi...

[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.

[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

[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 ?

[MasterOfChakhaL]

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