Forum d'entraide PHPFrance

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

hr {
	color: #F39501;
}

Sur IE ça fonctionne, mais pas sur Mozilla ?
Vous auriez une idée du pourquoi comment ?

Merci de votre aide !!

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;

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.

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

merci à tous !!

ryle, tu as don d'ubiquité, je te laisse sur PHP et paf je te retrouve ici !

Bonne soirée

Forum d'entraide PHPFrance

Trait de séparation <hr /> sur Firefox

Trait de séparation <hr /> sur Firefox