Bonjour a tous,
je viens vous voir car je rencontre un petit probleme dans mon css :

Donc je travaille avec deux bloc : le menu et le "corps" meme de la page. Le bloc menu est disposé en flottant a gauche.
Ensuite dans le coprs même de ma page, je met une image flottante a gauche. Et je veux ecrire une partie de texte a droite de l'image, et une autre dessous.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div id="menu">
<p> blablabla mon menu </p>
</div>
 
<div id="corps">
	<img src="image.jpg"  class="imageflottante" alt="image" />
	<p> mon texte a droite de l'image </p>
	<p class="sousimage"> mon texte sous l'image </p>
</div>
Css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
#menu
{
   float: left
}
 
.imageflottante       
{
   float: left;
}
 .sousimage                       
{
   clear: left;
}
Et le probleme que je rencontre, c'est que mon texte se met certes sous l'image, mais va carrement sous le menu.
J'obtiens :

MM PHOTO Texte a droite
E E PHOTO
N N PHOTO
U U
MM
E E
N N
U U Texte dessous

Alors que je veux evidement le texte juste sous la photo et ne pas avoir un espace de 20cm. Une idée svp ?