bir resmi SADECE CSS KULLANARAK bir metinin alt ve sağına yaslayabilmek

Selam. Joomla kullanıyorum. Bir plugin yaptım. Bu plugin ile bir yerden resim dosyasını alarak tüm içeriklerdeki yazının alt ve sağ köşesine yaslamak istiyorum. 2 gündür bunla uğraşıyorum ama yapamadım.


Yapmak istediğim içerik metninin altına almak değil, son cümlenin bittiği yerden yukarı doğru başlayarak float; ile sağa yaslamak. Benzer işlemi metnin üst tarafına rahatça uygulayabiliyorken alt tarafına uygulanmıyor.


Bu alttarafa ve son cümleden başlayarak yukarı doğru ve sağa yaslama olayını içerikten bir şey değiştirmeden , hiç bir içeriğe içerden müdahale etmeden yapmaya çaışıyorum. Bu konuda ne yapabiliriz, yardıma ihtiyacım var.


Ben şu şekilde yaptım. İçeriğin üst tarafında sorunsuz çıkıyor:

$send = '<table width="100%" border="0"><tr valign="top"><td>';
        echo $send; /* beginning of table */
     
        $article->text = '</td></tr></table><table width="100%"><tr ><td><div class="pro-canvas">'.$productresult.'</div>'.$article->text.'</td></tr></table>'; /* building end of table */

Buradaki $productresult değişkeni çağırdığım resim. $article->text ise içerik oluyor.

.pro-canvas { float:right; width:166px; height:230px;  }

Yapmak istediğimi örnek olması açısından resim olarak ekte yolluyorum.

merhaba dostum.

açıkcası baya bir araştırma yaptım ancak bir sonuç yok.

tek bir yolu görünüyor, o da şu şekilde bir mantık yürütmek gerektiriyor.

Yazıyı basmadan önce stringi saydırıp, mevcut alanın bitimine 200-300 karakter kala (bu alanının boyutlarına göre değişken olacaktır.) araya o imajı bastırmak gerekiyor.

yani şu şekilde

<div style="width:200px; float:left; clear: left;">
<p> bla bla bla bla bla  bla bla bla bla bla  bla bla bla bla bla  bla bla bla blala bla bla <img width="93" height="77" style=" background-color:#00CC66; display:inline;  float:right; margin:5px;  " /> bla bla bla bla bla  bla bla bla bla bla  bla bbla bla bla bla bla </p> 
</div>

zor gibi görünse de biraz uğraştırır ama istediğin sonucu verir.
yine de başka bir yöntem arayışı için de olalım.

kolay gele...