Trait de séparation <hr /> sur Firefox

Eléphant du PHP | 254 Messages

24 avr. 2007, 16:44

Bonjour
Je souhaite appliquer un style à un trait de séparation.

Code : Tout sélectionner

hr { color: #F39501; }
Sur IE ça fonctionne, mais pas sur Mozilla ?
Vous auriez une idée du pourquoi comment ? :?:
Merci de votre aide !!
:D

Avatar du membre
ViPHP
ViPHP | 3008 Messages

24 avr. 2007, 16:53

Je crois qu'il y a une tite astuce pour mozilla.

Rajoutes ces propriétés :

Code : Tout sélectionner

background-color:#F39501; border:0px;

Modérateur PHPfrance
Modérateur PHPfrance | 2575 Messages

24 avr. 2007, 16:57

c'est border-color pour les autres et color pour IE.
Tu n'as qu'à écrire les 2 comme ça:

Code : Tout sélectionner

hr { border-color: red; color: red; }
Et chaque navigateur se servira lui même.
--------//////----//---//----//////
-------//---//----//---//----//---//
------//////----//////-----//////
-----||--------||--||---||
Prendre le recul n'est pas une perte de temps.


ps: Affrontez moi dans l'arène

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

24 avr. 2007, 17:34

Et chaque navigateur se servira lui même.
Sauf opéra qui si j'ai bonne mémoire considère le hr comme une bordure de 2px et va donc doubler la taille du trait.. Je plussois dans le sens de charabia pour virer la bordure, et je spécifierais une hauteur pour être sur que cela passe partout :)

Code : Tout sélectionner

hr { background-color: #F39501; border: 0px; color: #F39501; height: 1px; }
En gros, le hr se comporte comme suit selon le navigateur :
IE : une ligne de 1px de haut
Mozilla : une ligne de 1px + une bordure de 1px
Opéra : une bordure de 2px
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

Eléphant du PHP | 254 Messages

24 avr. 2007, 18:01

merci à tous !!
:D
ryle, tu as don d'ubiquité, je te laisse sur PHP et paf je te retrouve ici ! :wink:
Bonne soirée