Problème avec un hr

Salut a tous,

j'utilise un <hr class="separe"></hr> avec :

 hr.separe
 {
 border-color:blue;
 clear: both; 
 height:0px;
 margin:0;
 padding:0;
}

afin de stopper un float. Mais ceci engendre une petite épaisseur du a la hr que je ne désire pas (sauf sous FF et opéra ou ca n'apparait pas).

Savez vous comment y remédier?

Mise en forme de la balise <hr />

Sinon, utiliser un <div> toute bête ou mieux un élément réel de la page s'il en existe un qui puisse remplir ce rôle, genre le pied de page par exemple.
Modifié par Felipe (30 Jan 2006 - 23:55)

dans ton cas , je suppose que la border blue a de l'importance

peut etre peux tu alors appliquer un background: transparent; a ton hr

sinon tu emplois la methode du div

<div class="separe" ></div>

CSS

.separe{
...
...
..
}

Philippe a écrit :
dans ton cas , je suppose que la border blue a de l'importance

peut etre peux tu alors appliquer un background: transparent; a ton hr

sinon tu emplois la methode du div

<div class="separe" ></div>

CSS

.separe{
...

Normalement j'utilise la methode avec le div. Mais dans ce cas ca ne marche pas. En fait j'ai 3 div cote a cote et si j'utilise un div ca ne réagit pas de la meme manière qu'avec le hr.

...
..
}

Bon sinon en mettant un margin vertical nul ca marche sauf pour netscape.
.
Modifié par death83 (30 Jan 2006 - 22:32)

death83 a écrit :
Salut a tous,

j'utilise un <hr class="separe"></hr>

Bonjour,
Juste un <hr class="separe" /> suffira

a écrit :
Ceci engendre une petite épaisseur du a la hr que je ne désire pas (sauf sous FF et opéra ou ca n'apparait pas).
Savez vous comment y remédier?

Essaie ce bout de code, peut être fera-t-il ton bonheur

hr.separe {
margin: 0 !important; /* j'enlève les marges pour FF et Opera*/
margin: -7px 0; /*j'en mets pour IE*/
padding: 0;
height: 1px; /* je donne une hauteur à mon hr*/
color: #00a9ff; /* je lui mets une jolie couleur*/
background-color: #00a9ff;
display: block;
border: 0;
}

Ca doit normalement fonctionner sur IE, FF et opera.
Bonne soirée.
Modifié par Mimi5 (07 Feb 2006 - 18:54)

Mimi5 a écrit :

Essaie ce bout de code, peut être fera-t-il ton bonheur

Salut,

essaie par exemple dans un conteneur avec une image flottante que tu ne veux donc pas voir dépasser du conteneur : avec un <hr> et ce code, non seulement la marge du hr n'aura pas été enlevée, mais, ce qui est plus grave, l'image sera rognée ! Pas terrible
Modifié par Alan (07 Feb 2006 - 19:55)