class sur image

[fredroy]

Bonjour,

Dans mon fichier CSS j'ai la ligne suivante :

Code : Tout sélectionner

img {float:left;
margin:5px;
}

Ainsi; le texte coule le long de l'image qui se trouve à gauche.

je place une autre image de la manière suivante :

Code : Tout sélectionner

<span class="right"><img src="images/image.jpg" /></span>

Avec comme css :

Code : Tout sélectionner

img.right {float:right;
margin:5px;
}

Or l'image reste invariablement sur la gauche comme la precedente ?

Ai-je raté quelque chose ?

Merci pour vos conseil

[bobo]

je place une autre image de la manière suivante :

Code : Tout sélectionner

<span class="right"><img src="images/image.jpg" /></span>

Avec comme css :

Code : Tout sélectionner

img.right {float:right;
margin:5px;
}

Ai-je raté quelque chose ?

Utilise plutôt :

Code : Tout sélectionner

<img class="right" src="images/image.jpg" />

[Benoit]

Tu as placé ton sélecteur dans le mauvais sens, dans ton cas ce n'est pas l'image qui a la classe right (img.right), mais l'élément parent (span).

Pour que ton exemple fonctionne tu aurais du mettre

Code : Tout sélectionner

.right img{float:right}

Mais la solution de bobo est évidemment plus propre puisqu'elle t'économise un span inutile.

[fredroy]

Merci beaucoup

[fredroy]

Tu as placé ton sélecteur dans le mauvais sens, dans ton cas ce n'est pas l'image qui a la classe right (img.right), mais l'élément parent (span).

Pour que ton exemple fonctionne tu aurais du mettre

Code : Tout sélectionner

.right img{float:right}

Cela ne fonctionne pas avec ton code

[Benoit]

Il fallait remettre le margin aussi probablement
Mais c'est l'exemple de bobo qu'il fallait suivre, le span ne sert réellement à rien.