class sur image

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

Répondre
fredroy
Salamandre
Messages : 40
Enregistré le : 07 janv. 2004, 03:12

class sur image

Message par fredroy » 06 févr. 2004, 22:47

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
Iguane
Messages : 764
Enregistré le : 18 août 2003, 11:04

Re: class sur image

Message par bobo » 08 févr. 2004, 16:21

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" />
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.

Benoit
Administrateur
Messages : 4894
Enregistré le : 19 juil. 2003, 10:59

Message par Benoit » 08 févr. 2004, 17:45

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
Salamandre
Messages : 40
Enregistré le : 07 janv. 2004, 03:12

Message par fredroy » 09 févr. 2004, 02:15

Merci beaucoup :)

fredroy
Salamandre
Messages : 40
Enregistré le : 07 janv. 2004, 03:12

Message par fredroy » 09 févr. 2004, 02:25

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

Benoit
Administrateur
Messages : 4894
Enregistré le : 19 juil. 2003, 10:59

Message par Benoit » 09 févr. 2004, 09:24

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.

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité