Help plz : débutant CSS

Bonjour,

Merci d'avance pour ceux qui pourront m'aider! Voici mon problème:

Dans un paragraphe je souhaite placer une image à gauche de mon texte dont voici le code :

--> "Code HTML" :

<img class="left" src="image1.jpg " />
<P>
ICI JE PLACE MON TEXTE
<ul>
<LI>liste 1</LI>
<LI>liste 2</LI>
<LI>liste 3</LI>
<LI>liste 4</LI>
<LI>liste 5</LI>
<LI>liste 6</LI>
</ul>
</P>

Et voici le CSS :
img.left {
float:left;
padding:3px;
margin-right: 6px;

}

#content p {
padding: 0px 10px 0px 10px;
margin-top:5px;
text-align: justify;
}

Problème :
le texte "ICI JE PLACE MON TEXTE" est bien aligné à droite de l'image mais le problème c'est que les listes se placent sous l'image. Pouvez-vous s'il vous plait m'aider à résoudre ce problème.

Merci encore!

Bonjour et bienvenue jyvsh,

Pourrais-tu dans le titre de ton sujet *décrire* ton problème plutôt que d'appeler inutilement à l'aide et de préciser que tu es débutant: c'est le cas de bien des membres d'Alsa

De plus merci de bien vouloir placer le contenu du code HTML de ton message dans les balises [ code] icilecode [ /code] (sans les espaces), ce sera plus lisible pour tout le monde, cf. l'Aide de ce forum. Tu peux le faire en éditant ton 1er message.

Cordialement,
Felipe
Modifié par Felipe (23 Sep 2006 - 17:44)

Salut,

un outil pratique :
le validateur du W3c
qui te dira, que tu n'as pas le droit de mettre une liste dans un <p>, elle doit être dehors...

Autre chose : si tu déclares :

#content p {
padding: 0px 10px 0px 10px;
margin-top:5px;
text-align: justify;
}

Tu dois avoir obligatoirement une balise qui a l'identité content.

Pourquoi pas :

 p#content {...}

et

<p id="content">...</p>

Tu mets une image dans ton <p>

et tu declares :

p#content img {...}

Je pense que ce que tu cherches est un float (propriété CSS...), va dans la FAQ, y'a plein de bonheur.