Css: image devant le texte marche pas sur IE!

Résolu
Anonyme... -  
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   -
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 "<p class="truc">", 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 <img src="images/truc.png" alt="" /> sur le code Html!)

Merci a ceux qui m'aideront!

10 réponses

Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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;
}
1
Anonyme...
 
Ahhh! Ca marche!!! Merci, Dalida!
1
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
you're welcome, je coche "résolu" !
1
Anonyme...
 
Personne? Pfft! Je Up!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Anonyme...
 
Toc toc toc? Ya quelqu'un? Up!
0
Anonyme...
 
Mais pourquoi personne répond?!? UP!!!!!!!
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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 ?
0
Anonyme...
 
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!
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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 ?
0
Anonyme...
 
"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?
0