Top    

iBlog覚え書き その1


iBlog使い始めて3日目ですが、設定を変えまくっているので (^^ゞ
覚え書きを残しておきます。

画像のまわりにテキストを回り込ませる方法。【サンプル

いろいろやってみましたが、この方法が簡単で良さそうです。
エントリー内の画像だけを処理する方法です。

使ってるスタイルシート(○○.css)に

.blogbody img {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

といれます。場所は、他のスタイルの{}の中以外どこでもいいです。

これで、画像が左揃えで、右にテキストが回り込みます。
画像のまわり(上下と右)に10ピクセルの余白ができる設定です。
余白の量や行揃えなど適宜変更して下さい。

応用で、.blogbody img  のところを別のスタイルセット名(.title imgなど)に変えると
各箇所の画像の設定ができます。


Posted: Sat - November 15, 2003 at 09:54 PM