Remplacer un HR par une image sous IE

Le
Stéphane Santon
Bonjour,

J'ai stylisé un HR avec une image :
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

div.zContenu hr.spip {
background: transparent url(title1hr3.gif) no-repeat;
border: 0px none;
color: transparent;
height: 15px;
margin: 1em 0 0.5em;
padding: 0;
}

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??

Merci

--
Cordialement, Stéphane. *** Anti-Spam : ajouter [usenet] dans l'objet
BTS Electrotechnique, Pays Santon *** http://enselec.team-santonum.com
Jeune Chambre Economique de Rochefort
*** http://www.jce-rochefort.org http://www.jce-poitoucharentes.org
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 2
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Olivier Miakinen
Le #22088011
Le 05/11/2007 22:05, Stéphane Santon a écrit :

J'ai stylisé un HR avec une image :
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

div.zContenu hr.spip {
background: transparent url(title1hr3.gif) no-repeat;
border: 0px none;
color: transparent;
height: 15px;
margin: 1em 0 0.5em;
padding: 0;
}

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Ah oui, c'est très moche. Mais je ne vois pas ce qu'on pourrait mettre
de plus que le « border: 0px none; ».
Patrick 'Zener' Brunet
Le #22088001
Bonsoir.

"Stéphane Santon" news:
Bonjour,

J'ai stylisé un HR avec une image :
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

div.zContenu hr.spip {
background: transparent url(title1hr3.gif) no-repeat;
border: 0px none;
color: transparent;
height: 15px;
margin: 1em 0 0.5em;
padding: 0;
}

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Je propose de faire plutôt:

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

Et comme ça vous stylez le <div> tout en faisant disparaître le <hr>...

Après tout, il y a bien du Javascript dans le code, vous pouvez bien
rajouter un <div> de confort...

--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
Olivier
Le #22087991
Stéphane Santon a écrit, le 05/11/2007 22:05 :
Bonjour,

J'ai stylisé un HR avec une image :
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

div.zContenu hr.spip {
background: transparent url(title1hr3.gif) no-repeat;
border: 0px none;
color: transparent;
height: 15px;
margin: 1em 0 0.5em;
padding: 0;
}

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Je vais peut être dire une énormité (qui peut de plus ne pas avoir
de rapport avec le sujet) :
il me semble que ffx et ie6 voit "hr" l'un en élément "inline" et
l'autre en élément "block" (ou l'inverse).

Il est possible qu'en faisant un "display:-soit l'un soit l'autre-;"
cela résolve ton problème.

--
Olivier
- Parce que sinon cela rompt le cours normal de la conversation.
- Pourquoi répond on après la question ?
Olivier Miakinen
Le #22087981
Le 06/11/2007 00:08, Olivier a écrit :

Je vais peut être dire une énormité (qui peut de plus ne pas avoir
de rapport avec le sujet) :
il me semble que ffx et ie6 voit "hr" l'un en élément "inline" et
l'autre en élément "block" (ou l'inverse).



Justement, je me suis posé la question en voyant Patrick proposer de le
mettre dans un DIV. Il a toutes les raisons d'être de type block, ce que
confirme la norme.

http://www.w3.org/TR/html4/sgml/dtd.html

<!ENTITY % block
"P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

Il est possible qu'en faisant un "display:-soit l'un soit l'autre-;"
cela résolve ton problème.



Ça ne coûte rien d'essayer. Personnellement je mettrais block.
Stéphane Santon
Le #22087971
Bonjour,

Olivier vient de nous annoncer :
Je vais peut être dire une énormité (qui peut de plus ne pas avoir
de rapport avec le sujet) :
il me semble que ffx et ie6 voit "hr" l'un en élément "inline" et
l'autre en élément "block" (ou l'inverse).

Il est possible qu'en faisant un "display:-soit l'un soit l'autre-;"
cela résolve ton problème.




Essayé. Pas d'effet.
Merci

--
Cordialement, Stéphane. *** Anti-Spam : ajouter [usenet] dans l'objet
BTS Electrotechnique, Pays Santon *** http://enselec.team-santonum.com
Jeune Chambre Economique de Rochefort
*** http://www.jce-rochefort.org http://www.jce-poitoucharentes.org
Pierre Goiffon
Le #22087961
Stéphane Santon wrote:
J'ai stylisé un HR avec une image :
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

div.zContenu hr.spip {
background: transparent url(title1hr3.gif) no-repeat;
border: 0px none;
color: transparent;
height: 15px;
margin: 1em 0 0.5em;
padding: 0;
}

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Je ne l'ai pas sur mon site :
http://pgoiffon.free.fr
Exemple :
hr.sep1 {
background-image:url(../images/separateurs/barw95.gif);
height:23px;
}
hr {
background:transparent none no-repeat scroll 0%;
border-style:none;
margin:4ex auto;
text-align:center;
width:630px;
}

Je ne suis pas sûr de bien voir la différence... Le 0px sur le border ??
SAM
Le #22087951
Stéphane Santon a écrit :
Bonjour,

Olivier vient de nous annoncer :

Il est possible qu'en faisant un "display:-soit l'un soit l'autre-;"
cela résolve ton problème.




Essayé. Pas d'effet.



en tous cas avec le display inline avec IE Mac hop! plus de palette ...
Olivier Miakinen
Le #22087941
Le 06/11/2007 11:37, Pierre Goiffon a écrit :
Stéphane Santon wrote:
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Je ne l'ai pas sur mon site :
http://pgoiffon.free.fr



Alors ça... je ne vois pas le bord sur le site de Stéphane dans IE7,
mais j'en vois un sur ton site. C'est moins flagrant à cause de la forme
des images, mais il y a une différence certaine entre IE7 et SeaMonkey.

En tout cas je vois le bord chez Stéphane dans IE6. Pour ton propre site
je devrai attendre ce soir pour tester avec IE6.
SAM
Le #22087931
Pierre Goiffon a écrit :
Stéphane Santon wrote:
J'ai stylisé un HR avec une image :
http://www.jce-poitoucharentes.org/ (la grosse spatule orange)

Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Je ne l'ai pas sur mon site :
http://pgoiffon.free.fr



Dois-je dire ce que je vois avec IE Mac ?
non ? bon tant pis ...

--
sm
Stéphane Santon
Le #22087921
Bonjour,

Il se trouve que Pierre Goiffon a formulé :
Y a-t-il un moyen de supprimer ce "bord" qui apparaît sous IE6 ??



Je ne l'ai pas sur mon site :
http://pgoiffon.free.fr



Ne cherchez plus sur le mien, j'ai remplacé le hr par un div.

Quoiqu'il faudra p'têt que je remette le hr DANS le div...

--
Cordialement, Stéphane. *** Anti-Spam : ajouter [usenet] dans l'objet
BTS Electrotechnique, Pays Santon *** http://enselec.team-santonum.com
Jeune Chambre Economique de Rochefort
*** http://www.jce-rochefort.org http://www.jce-poitoucharentes.org
Publicité
Poster une réponse
Anonyme