[ résolu ] Style image dans css externe

Bonsoir

Je ne parviens pas à mettre le style de cette image dans un fichier css externe, je souhaite que cette image ne soit pas en background-image.

<img 
src="centre.jpg" 
alt="centre de Larressore" width="133" height="108" 
style="float: left; margin: 0px 10px 0px 0px;" />

J'ai essayé de mettre "float: left; margin: 0px 10px 0px 0px;" dans ma css avec une classe sur ma page html ...! en vain...!

En fait selon les différents paragraphes de ma page, je souhaite alterner les images dans la div, une fois à droite, une fois à gauche

Ma page test : http://www.larressore.net/

Si vous avez une solution

Merci
Modifié par africa (14 Jun 2007 - 13:47)

Hello,

Pour ton image, tu dois d'abord la mettre en display: block; avant d'appliquer ton float et ton margin. Après, une classe convient bien pour lier ces styles à ton image.

koala64 a écrit :
Hello,

Pour ton image, tu dois d'abord la mettre en display: block; avant d'appliquer ton float et ton margin. Après, une classe convient bien pour lier ces styles à ton image.

Bonsoir
J'ai testé cette méthode en ligne, malheureusement cela ne fonctionne pas

Page essai fonctionnant avec le style css dans la page html : http://www.larressore.net/essai.html

Page essai2 avec (display : block;) ne fonctionne pas, le texte n'entoure pas les images :
http://www.larressore.net/essai2.html

code css de la page2 :

/* class image gauche */
.gauche {
display: block;
float: left; 
margin: 0px 10px 0px 0px;
}
/* class image droite */
.droite {
display: block;
float: right; 
margin: 0px 0px 0px 10px;
}

Code html de la page essai2:

code]<p class="gauche"><img src="centre.jpg" />[/code]


Si vous avez une réponse à apportez à ce probléme, je vous en remercie.

Bonne soirée
Modifié par africa (19 May 2007 - 20:21)

Bonjour

J'ai trouvé une solution

.img_gauche{
float: left;
margin: 0px 10px 0px 0px;
border: 0px solid #76a9dd;
}
.img_droite{
float: right;
margin: 0px 0px 0px 15px;
border: 0px solid #76a9dd;
}

Modifié par africa (14 Jun 2007 - 13:46)