Partiellement (résolu) Petit problème de float

BOnjour , après plusieurs recherche et tentative voici mon petit prob.

.floatl{
   float: left;
   border: solid black 1px;
}

<img src="../../images/intro2.jpg" class="floatl" alt="" title="" />
	  
<p  style="border: solid red 1px;">
   Bla bla bla blab lab abdsergsrjdyjhtyjftyj
</p>

J'aimerais savoir si cela est normal que le <P> rentre sous l'images... alors que je voudrais qu'il soit a coté ( juste le cadre rentre en dessus mais pas le texte)

je sais que si je donne un autre "float: left" et une largeur défini a mon <p> cela va marcher mais il aurait-il pas un autre moyen pour que le <p> ne rentre pas sous mon image comme rajouter un attribut css au <p> pour qu'.il ne rentre pas en collision sous l'images


merci de votre temps
Modifié par bensti2 (21 Dec 2005 - 21:31)

je pense à 2 trucs:
- soit tu rajoutes un "clear: right;" dans ta classe .float1
- soit tu spécifies un "margin-left" suffisant pour ton <p>
(en supposant que ton image est à la gauche du <p>)

wala...++
Modifié par b1nary0d1g1t (20 Dec 2005 - 16:48)

Marche pas avec le clear:right dans la classe .floatl

et comme-ça?

<p style="border: solid red 1px;">
<img src="../../images/intro2.jpg" class="floatl" alt="" title="" />
Bla bla bla blab lab abdsergsrjdyjhtyjftyj
</p>

non

Bonjour,

bensti2 a écrit :
J'aimerais savoir si cela est normal que le <P> rentre sous l'images..

Oui : le texte en flux suivant le flottant s'écoule à côté de celui-ci, puis sur toute la largeur du paragraphe.

bensti2 a écrit :

. alors que je voudrais qu'il soit a coté ( juste le cadre rentre en dessus mais pas le texte)

Le paragraphe ne peut pas à la fois être le support de la bordure qui encadre l'image et ne pas continuer sous celle-ci.

Pour obtenir cet effet, au plus simple: ajouter une <div> conteneur autour de l'image et du paragraphe, et lui appliquer la bordure. Appliquer au paragraphe une marge gauche égale ou supérieure à la largeur de l'image.
Modifié par Laurent Denis (21 Dec 2005 - 08:44)