CSS qui ne fonctionne pas sous Mozilla

[coyote89]

Bonjour,

est-ce que quelqu'un pourrait m'expliquer pourquoi ce bout de code que je mets dans une page html ne fonctionne que sous IE?

Code: Tout sélectionner

#color {
       color: orange
       }
...

<hr width="60%" align="left" id="color" />


Sous Mozilla, la barre (hr) n'est pas colorée en orange (c'est gris), mais sous IE oui...

[georgiou]

Code: Tout sélectionner

color: orange

En CSS in me semble pas que la couleur "orange" existe. Mets sa valeur en hexadécimale.

[glenux]

D'une part il est conseillé de toujours finir une ligne par ";" et d'autre part lorsqu'on regarde le stylesheet par défaut recommandé pour les balises HTML ( http://www.w3.org/TR/REC-CSS2/sample.html ), on y voit que la règle horizontale (balise HR) est définie comme :

HR { border: 1px inset; }

Pour la faire changer de couleur il suffirait donc uniquement de modifier les paramètres de la bordure, et d'écrire :

HR { border: 1px solid red; } /* règle rouge */

C'est le comportement de Microsoft Internet Explorer qui est étrange dans le cas présent... dans la mesure ou le style color s'applique normalement uniquement au texte...

P.S: la couleur orange existe sous Gecko (mozilla, firefox & co)... même si elle ne fait pas partie de la liste des couleurs prévues au départ (pour CSS1)

The suggested list of keyword color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. These 16 colors are taken from the Windows VGA palette, and their RGB values are not defined in this specification.

[coyote89]

Erf, pour le point virgule, ne t'inquiètes pas il y était, c'est un oubli juste sur cet exemple

ok pour la norme CSS d'un <hr>, je vais tester cette syntaxe. Merci!

[coyote89]

Bon et bien merci pour la correction, tout fonctionne correctement même le orange, effectivement...

Merci.
Et surtout merci pour le lien!