Discussion :

[diaboloche]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Auteur]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
margin :auto;

[diaboloche]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[Auteur]

dans ce cas joue avec le style des bordures :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)