Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP Remplacer un HR par une image sous IE

Remplacer un HR par une image sous IE

12 réponses
Avatar
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
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
Olivier Miakinen
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; ».
Avatar
Patrick 'Zener' Brunet
Bonsoir.

"Stéphane Santon" a écrit dans le message de
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
**************************************************/
Avatar
Olivier
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 ?
<http://www.faqs.org/faqs/fr/usenet/repondre-sur-usenet/> merci.
Avatar
Olivier Miakinen
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.
Avatar
Stéphane Santon
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
Avatar
Pierre Goiffon
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 ??
Avatar
SAM
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 ...
Avatar
Olivier Miakinen
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.
Avatar
SAM
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
Avatar
Stéphane Santon
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
1 2