Probleme positionnement d'image

Oui merci pour ta réponse Pepito One, j'avais essayé un float:bottom left, et non float:bottom right comme j'ai écrit par erreur dans mon message, mais ça n'existe pas :(

"Il faut que tu déclares ton image à la bonne hauteur dans ton texte donc presqu'à la fin" = Le problème c'est que mon texte est récupéré d'une base de données, donc celui-ci peut faire 10 lignes comme 55 lignes :(

Une autre idée peut-être ??

Tu peux rajouter dans ton css un "margin-top: x px" ou un "padding-top: x px", à tester.

As tu essayé avec "float : left" ? mais seulement avec left, ça ne marche pas avec bottom en même temps. C'est sûr que ton image sera placée à gauche. Après tu mets en plus ds le css : margin-top:60px. 60 c'est un exemple il faut moduler selon où se place ton image. As tu ta page en ligne ? ça serait plus simple pour te dire. Sinon tu travailles directement dans ta page HTML ou tu utilises un module d'insertion pour créer ta page ?

Où tu t'amuse avec les positions absolute ou relative !

Oui mais en utilisant "position absolute ou relative" il ne repoussera pas le texte, il se positionnera dessus.

donc, comme je le dis pour la troisième fois => ALIGN: Spécifie l'alignement de l'image par rapport au texte adjacent. Il peut prendre les valeurs: TOP, MIDDLE, BOTTOM, LEFT, RIGHT

Alors oui j'ai essayé avec float: left; et margin-top:200px pour la photo2, mais le problème c'est que ça repousse le texte, ça donne ceci :

BLANC PHOTO1
BLANC texte texte
BLANC texte texte
BLANC texte texte
PHOTO2 texte texte
texte texte texte texte
texte texte texte texte


Mais toute cette partie blanche au début ça le fait pas :'(

Et en jouant avec les "position absolute relative " ça se positionnera sur le texte...

lol
Ben c'est ma question en fait, moi j'ai tout essayé, avant la balise <p>, entre les balises <p></p>, après la balise </p>, en essayant les float, margin, align en css, et je n'ai jamais réussi a avoir ce que je recherche...

C'est pourquoi je me demande ou vous les mettriez vous ? et en css comment feriez vous ?

Peut etre que vous prenez le probleme dans le mauvais sens car c'est bizarre que ca ne marche pas. Si ca ce trouve c'est meme pas un probleme de CSS mais plutot de la gestion de votre site.

C'est une possibilité, c'est pourquoi je vous demande conseil ;)

Mais bon en même temps j'ai fait de multiples essais, même sur http://www.cssdesk.com par exemple, donc sur du code qui n'a rien a voir avec mon site et ça ne marche pas mieux...

C'est vrai que ça semble facile, de la façon ou vous m'exposé la chose, et je vous en remercie, mais vraiment je suis désolé de vous dire que cela ne marche pas :'(

Une autre idée ? Un exmple concret ? svp, help me :'(

Oui, merci, mais dans mon cas je ne peux pas faire deux paragraphes, le texte étant récupéré dans une base de données, ou sinon il faudrait que j'utilise une fonction qui découpe le texte en deux, mais ça serait la vrai usine à gaz !! Vous comprenez ?

Dans ce cas :

CSS :

<style type="text/css" media="all">    
.img_left{    
 float:left;    
 margin:15px 15px 15px 0;    
}    
.img_right{    
 float:right;    
 margin:15px 0 15px 15px;    
}    
</style>

HTML :

<p class="article">   
<img src="photo1.jpg" alt="Photo 1" class="img_right" />Maecenas eget sem id purus blandit molestie quis eu lacus. Integer porttitor molestie elit, quis posuere massa placerat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.    
<img src="photo2.jpg" alt="Photo 2" class="img_left" />Maecenas eget sem id purus blandit molestie quis eu lacus. Integer porttitor molestie elit, quis posuere massa placerat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.    
</p>

Ah mieux ! Merci Poivreblanc, mais toujours pas très pratique dans mon cas, car comme je récupère mon texte dans une base de données, je ne peux pas placer l'image 2 comme tu le fait car mon texte est un bloc si je puis dire...

Exemple :
$texteRécupéréDansBdd="Maecenas eget sem id purus blandit molestie quis eu lacus. Integer porttitor molestie elit, quis posuere massa placerat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas eget sem id purus blandit molestie quis eu lacus. Integer porttitor molestie elit, quis posuere massa placerat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. ";

A l'affichage :
echo "<p class="article"><img src="photo1.jpg" alt="Photo 1" class="img_right" />'.$texteRécupéréDansBdd.'</p>";

Comment placer <img src="photo2.jpg" alt="Photo 2" class="img_left" /> dans $texteRécupéréDansBdd sachant que la longueur de celui-ci est variable selon les articles ?? :s

Pourquoi ne pas ajouter le code html des images directement dans ton article ?
Il te suffirait au final de faire ceci :

echo '<p class="article">'.$texteRécupéréDansBdd.'</p>';

Ce serait beaucoup plus simple à gérer tu crois pas ?

Je suis pas si sur que ça soit plus simple, car en fait ce sont les membres de mon site qui écriront les articles.

Pour ça, il y a un formulaire à trois étapes, ou plutot 3 formulaires :
1 - Il saisisse l'article et je l'insere dans la BDD
2 - Il upload une photo et j'insere le chemin dans la BDD
3 - Il upload une deuxieme photo et j'insere le chemin dans la BDD

Alors oui je pourrais faire un seul formulaire déjà, qui insere tout en même temps mais l'article et les photos seront toujours séparés, je ne vois pas comment insérer le code html de la photo 2 en plein milieu de l'article, le problème me semble être le même :'(