Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Css: image devant le texte marche pas sur IE!

Dernière réponse le 7 mar 2009 à 14:43:46 Anonyme..., le 2 mar 2009 à 17:19:15

Signaler ce message aux modérateurs

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!

Meilleures réponses pour « Css: image devant le texte marche pas sur IE! » dans :

HTML, CSS Entourer image avec texte,.... (Résolu) Voir

[css] centrer un texte sur une image Voir

Les CSS pour présenter vos images Voir Pour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...

Div et css centrer txt verticalement (Résolu) Voir

[css] Décaler du texte (Résolu) Voir

Inserer image a coté du texte dans word Voir

Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...

Le droit à l'image appliqué aux sites web VoirIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une...

On va dire que tu mets ton avertissement dans un <p Lire la suite

Posez votre question Répondre

Anonyme..., le 4 mar 2009 à 11:45:06

Personne? Pfft! Je Up!

Répondre à Anonyme...

Anonyme..., le 5 mar 2009 à 16:32:48

Toc toc toc? Ya quelqu'un? Up!

Répondre à Anonyme...

Anonyme..., le 6 mar 2009 à 19:44:42

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

Répondre à Anonyme...

Dalida, le 6 mar 2009 à 20:07:15

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 ?
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

Anonyme..., le 6 mar 2009 à 20:27:38

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!

Répondre à Anonyme...

Dalida, le 6 mar 2009 à 20:32:34

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 ?
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

Anonyme..., le 6 mar 2009 à 20:38:26

"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?

Répondre à Anonyme...

Dalida, le 6 mar 2009 à 20:46:01

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;
}

[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

Anonyme..., le 7 mar 2009 à 09:53:35

Ahhh! Ca marche!!! Merci, Dalida!

Répondre à Anonyme...

Dalida, le 7 mar 2009 à 14:43:46

You're welcome, je coche "résolu" !
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

Posez votre question Répondre