Geckozone

Bonjour,

Dans mon fichier CSS j'ai la ligne suivante :

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

fredroy a écrit :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" />

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.

Merci beaucoup

Benoit a écrit :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

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.

Geckozone

class sur image

class sur image

Re: class sur image