Hier meine Lösung für links- und rechtsseitige Bilder im Beitrag (inkl. Rahmen):

1. Unter Account → Weblog verwalten → Vorlagen HTML → Stylesheet (Site.style) folgenden CSS-Code an das Ende kopieren:


.storyContent p.imgleft { float:left; margin:5px 10px 0 0; }
.storyContent p.imgright { float:right; margin:5px 0 0 10px; }
.storyContent p img { border: 1px solid #666; padding:2px; }
.storyContent p span { display:block; font-size:85%; color:#666; }
.storyContent div.clear { clear:both; }

2. Im Beitrag folgenden HTML-Code für ein linksseitiges Bild verwenden:


<p class="imgleft">
<img src="http://meinebildadresse.jpg" width="200" />
<span>Meine linke Bildunterschrift</span>
</p>


3. Für ein rechtsseitiges Bild entsprechend die Klasse "imgright" anwenden

4. Ein nachfolgender Text fließt dabei um die Bilder herum, wie man an diesem Beispiel sehen kann:

Meine linke Bildunterschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.



Meine rechte Bildunterschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
5. Nach einem umfließenden Paragraphen sollte man diese Funktion mit diesem Code wieder neutralisieren:


<div class="clear"></div>