えー、何やら、yujiro さんがお忙しいようなので・・・パクリいっときます。パクリ上等ということで。(笑)

エントリー内に、画像を表示させテキストを回り込ませる方法ですが、img タグに、align オプションを設定して、実現してます。どうやってやっているのかというと、ソース見たほうが早いですね(笑)。一個前のエントリーの画像周りのソースは下記のようになってます。

<img alt="rawlings.jpg" src="http://blog.garaku.cc/cgi/wp-content/uploads/images/rawlings.jpg" width="200" height="160" hspace="5" vspace="5" align="left" /> Rawlings のグラブを使ってるんですよ・・・


デフォルトの img タグ挿入時のソースに、上記青字を追加してます。hspace オプションは、画像の上下の余白をピクセル単位で設定、vspace オプションは、画像の左右の余白をピクセル単位で設定、align オプションは、画像を左右のどちらにおくかを設定してます。left にすれば、先のエントリーのように左側に画像が表示され、right にすれば、このエントリーのように右側に設定されます。

そして、さらに、画像の高さ以内でテキストが終了してしまう、このようなエントリーの場合は、<br clear="left" /> というタグをエントリーの最後にうってます。(画像右配置の場合は right 。両方の場合は both 。)
これによって、画像が、posted 欄・コメント欄などにかぶってしまうエラーを回避することができます。なぜエラーになってしまうかというと、align 設定が生成されたエントリーのソース内で生きてしまっているからなんですねー。

後、もう一個。
いちいち、画像に ”vspace” ”hspace” ”align” を手打ちするの非常に面倒なので、私はシステムを下記エントリーのように改造してデフォルトで入るようにしてますです、はい。

● Movable Type 3.11-ja アップグレード。【追記】 内、”画像アップロード時の基本レイアウトを加工。”