validator CSS du W3C

Version imprimable

17/09/2006, 13h26
rasleboldesid

validator CSS du W3C

voilà les résultats qui me posent soucis :

Citation:

Ligne : 58 (Level : 2) Redéfinition de la propriété margin-left : #centrimage
Ligne : 60 (Level : 2) Redéfinition de la propriété margin-top : #centrimage
Ligne : 70 (Level : 2) Redéfinition de la propriété margin-left : #centrimage1
Ligne : 72 (Level : 2) Redéfinition de la propriété margin-top : #centrimage1
Ligne : 82 (Level : 2) Redéfinition de la propriété margin-left : #centrimage2
Ligne : 84 (Level : 2) Redéfinition de la propriété margin-top : #centrimage2

pour le code suivant qui me sert à centrer des images dans la fenêtre:

Citation:

l. 58 => margin-left : -340px;
l. 60 => margin-top : -260px;
l. 70 => margin-left : -340px;
l. 72 => margin-top : -260px;
l. 82 => margin-left : -200px;
l. 84 => margin-top : -260px;

Je comprends pas où est le problème...
17/09/2006, 13h37
Bisûnûrs

On peut voir ton code CSS ?
17/09/2006, 13h40
rasleboldesid

Citation:

Envoyé par BisounoursJos

On peut voir ton code CSS ?

Je l'ai mis en haut, mais a priori tu veux tout le code ?
Par soucis de place je ne met que celui qui correspond au problème de la ligne 58 :

Citation:

#centrimage {
position : absolute;
width : 680px;
height : 520px;
border : none;
padding : 0;
margin : 0;
left : 50%;
margin-left : -340px;
top : 50%;
margin-top : -260px;
}
17/09/2006, 14h15
Bisûnûrs
Code:

1 2 3 margin : 0; margin-left : -340px; margin-top : -260px;
Tu redéfinis deux fois "margin" dans la même class.
17/09/2006, 14h17
rasleboldesid

quel c...
Merci !
17/09/2006, 14h23
rasleboldesid

Et, dernière chose (pour ce premier site...), je comprends pas ça, ni si c'est très important, ni si ça m'empêche, comme pour la validation XHTML, d'avoir la petite icone du W3C :

Citation:

Ligne : 154 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a
Ligne : 182 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #menuinterne
Ligne : 187 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #menu1
Ligne : 193 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #menu1:hover
17/09/2006, 14h25
Bisûnûrs
Ce ne sont pas des erreurs ça, juste des informations.

Ton CSS est valide quand même.

Mais si tu ne veux plus avoir ces informations, dans tes classes, définis une couleur de fond de tes liens :
Code:

1 2 3 a{ background-color:#fff; }
17/09/2006, 14h28
rasleboldesid

ok : mais on peut mettre un truc bidon, juste pour la certification ?
17/09/2006, 14h34
Bisûnûrs

Dans ce cas le mieux est de mettre :

Code:

background-color:transparent;
17/09/2006, 14h35
rasleboldesid

Ok : super !
Merci beaucoup à toi : tu m'as bien aidé aujourd'hui !!!
17/09/2006, 14h41
rasleboldesid

Ceci-dit, ça ne marche pas...
Mais ça n'enlève rien à ton mérite ;-)
17/09/2006, 14h46
Bisûnûrs

En effet, je viens de faire le test et apparemment il ne prend pas "transparent" comme une couleur.

En revanche background-color:#ffffff; fonctionne très bien.
17/09/2006, 14h50
rasleboldesid

Question conne... c quoi cette couleur ???
17/09/2006, 14h53
Bisûnûrs
C'est la couleur de fond de ton lien par exemple.
Code:

1 2 3 4 a{ color:#fff; backgorund-color:#ff0000; }
Ce code par exemple mettra tous les liens en blanc sur fond rouge.
17/09/2006, 14h55
rasleboldesid

ok, ça je savais, mais je parlais de ton code plus haut :
#ffffff

???
17/09/2006, 15h02
Bisûnûrs

Tu as un avertissement par le validateur CSS qui est :

Citation:

Ligne : 154 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a

Ce qui signifie, comme c'est écrit que tu n'as pas de couleur de fond à ta classe "a".

Pour palier à ça, je t'avais proposé de mettre background-color:transparent; dans ta classe "a", mais apparemment ça ne fonctionne pas et le validateur veut obligatoirement une couleur, donc je t'ai reporposé de mettre background-color:#ffffff; qui est un fond blanc, tout simplement parce que j'imagine que tes liens ont un fond blanc par défaut. Si ce n'est pas le cas tu peux toujours remplacer le blanc par la couleur de ton choix.
17/09/2006, 15h05
rasleboldesid

ok : sorry pour le boulet ;-)
18/09/2006, 19h38
Invité

C'est blanc...

En HTML,les couleurs sont basés sur les trois couleurs primaires (pas de peinture mais de lumière !!), Rouge, Vert, Bleu...

Chaque "intensité" de couleur est représenté par un nombre allant de 0x00 à 0xff, ensuite on concane les trois ;)

FF FF FF : Rouge : FF ; Vert : FF ; Bleu : FF
C'est à dire qu'il y a le max de chaque couleur, donc ça donne du blanc (si tu voie pas pourquoi révise tes cours d'optique XD).

Ensuite tu précède d'un # pour dire que c'est un code couleur hexa et voilà ;)

Blanc : #FFFFFF
Rouge : #FF0000
Vert : #00FF00
Bleu : #0000FF
Noir : #000000

Voilà tu a 16 millions de couleurs ;)
19/09/2006, 12h02
trotters213

:salut:

Citation:

Envoyé par rasleboldesid

ok : mais on peut mettre un truc bidon, juste pour la certification ?

Juste une indic', tu as ta validation CSS même si tu as des warnings, il ne faut pas d'erreur c'est tout par contre c'est vrai qu'il vaut mieux définir une couleur pour tout (au cas où un jour un navigateur sorte et qu'il possède comme couleur par défaut le jaune clair ;) )
19/09/2006, 21h53
rasleboldesid

Ok : marce pour tou :-)
20/09/2006, 08h14
trotters213

pense au tag http://www.developpez.net/forums/ima...ons/resolu.gif ;)