Css: image devant le texte marche pas sur IE! Résolu/Fermé

Question

Bonjour, je suis entrain de faire des tests pour un site. J'ai essayé un code Css qui a pour fonction de mettre une image devant un paragraphe (A l'aide d'un "

", dans le fichier Html), un truc comme ça (dans le Css): .nom_du_truc:before { content: url(images/nom_de_limage.png); } Ca marche très bien sur Firefox, mais pas sur Internet Explorer! Je sais que CE code ne marche pas sur IE (j'ai appris tout ça dans le site dé zéro)! Mais y'a t'il un équivalent de ce code qui marche sur IE? (A part répeter 50'000 fois sur le code Html!) Merci a ceux qui m'aideront!

Anonyme... · Answer

Personne? Pfft! Je Up!

Anonyme... · Answer

Toc toc toc? Ya quelqu'un? Up!

Anonyme... · Answer

Mais pourquoi personne répond?!? UP!!!!!!!

Dalida · Answer

salut,

Mais pourquoi personne répond?
peut être parce qu'il n'y a pas de solution à ton problème…
IE ne reconnait pas :before…

tu peux peut être l'ajouter avec du JS mais ça peut vite devenir lourd.
tu veux quoi comme rendu graphique exactement ?

Anonyme... · Answer

1. tu peux peut être l'ajouter avec du JS mais ça peut vite devenir lourd.
==>J'aime pas, le JavaScript

2. tu veux quoi comme rendu graphique exactement ?
==>Pour mettre une image devant les avertissements!

Dalida · Answer

et en mettant une classe à tes avertissements ?

tu codes une image en arrière-plan avec le positionnement et l'espacement qui vont bien, nan ?

Anonyme... · Answer

"tu codes une image en arrière-plan avec le positionnement et l'espacement qui vont bien, nan ?"

Désolé, mais peux-tu être un peu plus clair?

Dalida · Answer

on va dire que tu mets ton avertissement dans un <p class="avertissement"> et que tu veux afficher une icône de 16px sur le bord gauche.

en CSS :
p.avertissement{
background-image:url(warning.ico);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:24px;
}

Anonyme... · Answer

Ahhh! Ca marche!!! Merci, Dalida!

Dalida · Answer

you're welcome, je coche "résolu" !

Css: image devant le texte marche pas sur IE!

10 réponses

Discussions similaires