[CSS] <hr> FF IE

Bonjour,

J'aimerais supprimer l'espace entre 2 hr successive... sous FF cela marche mais pas sous IE (comme souvent dans mon cas...).

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

hr { /*Ligne rouge*/ display:block; height: 1px; margin: 0; padding:0; _margin: -7px 0; color: #FF0000; background-color: #FF0000; border:0; width: 690px; align: center; }

---

Faut-il ajouter quelque chose ? Ou une erreur ?

Merci et bonne journée.

bonjour,

d'après le résultat obtenu sous Firefox tu cherches à coller les deux lignes HR. Pourquoi n'augmentes-tu pas l'épaisseur de la première ligne et ne supprimes-tu pas la seconde ?

Code:

---

1 2	height: 2px;

---

autre remarque : sous Firefox tes lignes ne sont pas centrées (sous IE elles le sont), pour y remédier corrige la valeur donnée aux marges :

Code:

---

1 2	margin :auto;

---

Merci de tes réponses !

Je veux pouvoir mettre 2 ligne successives pour un effet visuel... en insérer une ligne rouge ensuite une noir, j'ai un effet "3d" apréciable visuellement.
Donc modifier la hauteur de ma ligne ne me convient pas...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

.hr2 /* Ligne noir*/ { display:block; height: 1px; padding:0; _margin: -7px 0; color=black; background-color: BLACK; border:0; width: 724px; margin :auto; /*centrer*/ }

---

J'ai modifier la valeur du margin en suivant ta remarque :-)
Mais je ne sais tjrs pas comment supprimer les espaces entre 2 hr successive...:(

dans ce cas joue avec le style des bordures :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

hr { /*Ligne rouge*/ display:block; height: 2px; margin: auto; padding:0; color: #FF0000; background-color: #FF0000; border-left: none; border-top: none; border-right: none; border-bottom: solid 1px #000000; width: 690px; align: center; }

---

height = 2px = épaisseur de la bordure (1px) + épaisseur du hr (1px)
;)