Bonjour,

je souhaiterai donner la possibilité à mon client de pouvoir cliquer sur l'outil "Séparateur" lorsque celui ci édite un article.

Dans ma CSS j'ai fait en sorte que le séparateur en question affiche une belle petite image (au lieu d'un trait par défaut)
Ca marche, sauf sous ie !!!!!!
en effet, sous ie j'ai un cadre autour de mon visuel

Pouvez vous me conseiller à propos de cette fameuse balise

---

sous ie

Voici mes css
----------------------------
hr.separator.clear {
background:transparent url(/images/charte/separateur-corde.jpg) no-repeat scroll left top;
border:0 solid #FFFFFF;
clear:both;
color:#FFFFFF;
height:35px;
margin:0;
padding:20px 0 20px 0;
visibility:visible;
}

hr.clear {
background:transparent none repeat scroll 0 0;
border:0 solid #FFFFFF;
clear:both;
color:#FFFFFF;
height:5px;
line-height:10px;
margin:0;
visibility:visible;
}

.clear {
background:transparent none repeat scroll 0 0;
border:0 solid #FFFFFF;
clear:both;
height:5px;
line-height:10px;
visibility:visible;
}
----------------------------

Avis aux spécialistes !

Merci de votre aide

JMA
ISALIS

Bonsoir Jean-Marc,

Notre cher IE, quelque soit la manipulation CSS que l'on applique, conserve toujours un border gris autour du hr.

Il existe une solution connue :
La div.hr :

<div class="hr"><hr /></div>

div.hr {
  height: 10px;
  background: transparent url(hr.png) no-repeat center;
}
div.hr hr {
  display: none;
}

Mais cette solution pose la question de l'intéret du hr, à part pour un navigateur textuel.

On trouve également une solution avec le filtre AlphaImageLoader, à voir ici : http://dhtmldev.com/content/view/13/27/ (en)

Autres ressources sur le sujet :
- http://www.sovavsiti.cz/css/hr.html (en)
- http://romy.tetue.net/comment-styliser-une-hr (fr)