[Résolu] Imbrications de balises

Bonjour,

Je n'arrive pas à affecter du style à une image en particulier. Voici un code équivalent à celui qui me pose problème :

<style>
	#publicite_468x60 a img
	{
		margin : 0 100px 0 10px;text-align : center;
	}

	#publicite_468x60 a img:before
	{
		content: url("yyy.gif");
	}
</style>


<div id="publicite_468x60">
	<a href="xxx.htm"><img src="xxx.gif" /></a>
</div>

Concernant l'image yyy.gif, je sais qu'il s'agit d'un lien relatif, mais j'ai beau la placer dans l'arboressance de mon site correctement, elle ne s'affiche jamais. De même, aucun centrage n'a lieu

Alors biensûr, je sais qu'il est possible de placer à l'image un attribut comme : class="Image", mais celà alourdirait le code et c'est théoriquement dispensable.

Merci pour vos idées.
Modifié par tsing (04 Mar 2005 - 11:53)

Pour le centrage, text-align: center ne doit pas porter sur l'image que tu veux centrer, mais sur son conteneur.

Pour l'image yyy.gif, si le navigateur est IE, c'est tout à fait normal : il n'implémente pas la propriété content, ni :before et :after.

d'ailleur, en plus de ne pas l'implémenter, IE a tendance à générer des erreurs dans ton code par après, comme par exemple ne plus interpréter certains liens ou ne pas utiliser la feuille de style CSS pour ces derniers...

à toi de vérifier, je ne sais plus trop ça dépend de quoi mais je me rappelle un bon article sur le sujet

Très juste pour le centrage. Ca fonctionne appliqué à <div>.
D'autre part, pour l'image yyy.gif :before, je viens de comprendre que son style, lui, doit s'appliquer au lien <a>.

Bonne continuation, le CSS c'est super