まえまえから気になっていた……

まえまえから気になっていた、サイトの不具合を修正。

その壱：テキストの画像のまわりこみ
このサイトでは、エントリにカップ酒の写真が掲載されていることが多いが、エントリ記事の左上に画像を配置して、テキストはまわりこみさせる……というレイアウト。つまり、

あいうえおあいうえおあ■■■■■
いうえおあいうえおあい■■■■■
うえおあいうえおあいう■■■■■
えおあいうえおあいうえ■■■■■
おあいうえおあいうえおあいうえお
あいうえおあいうえおあいうえおあ
いうえおあいうえお

こんなレイアウト（■の集合体は画像のつもり）。でも、IE で見ると、こうなってなくて、まえまえから気になっていた。

画像の IMG タグのアトリビュートに

align="right" hspace="5" vspace="5"

と指定していたんだけど、これが IE には効果がなかった（少なくともこのサイトで利用している CSS の何かとバッティングしていたみたい）。で、こういうレイアウトになるような CSS を設定してやろうということで、

.img_R_Mod {
margin-left: 5px;
margin-top: 5px;
float: right;
}

という class を定義。これを適用。うまくいった♪

しかし、適用のさせ方が問題で、もう 100 本近いエントリがあるので、いちいち記事の中から書き換える部分を探して、上書きして、エントリの構築……などとやるのはとても、めんどう……。30 本ぐらい処理して思い出した……MT の検索・置換機能。もっと早く思い出したかった……。

その弐：UL を使ったときのリスト表示の問題

・あいうえおあいうえお
　かきくけこかきくけこかきくけこ
・あいうえおあいうえお
　かきくけこかきくけこかきくけこ

となってほしいのだが、

・あいうえおあいうえお
かきくけこかきくけこかきくけこ
・あいうえおあいうえお
かきくけこかきくけこかきくけこ

……と、各項目の 2 行めがインデントされない。これは単純に、CSS の修正で OK。

li { list-style-position: inside; }

を

li { list-style-position: outside; }

とするだけ。

どっちももっと早くやればよかったなあ。