[asides] CSSスプライト

サイトの表示をとにかく早くするため、よく使う画像を 1 枚絵にして CSS スプライトで表示するようにしてみました。つってもわしの管理分だと 3 つなのでリクエストが -2 されたってだけですがー。……しかしこの努力がいつか実を結ぶと信じてる! どう実を結ぶのかは知らない。
はじめ <h2> やら <td> 内に直置きして min-height や margin で画像分のスペースを空けようとしたんですが、これだと vertical-align が使えない。どうやって自由に配置するのかと調べたらなるほど、display:inline-block で適当なインライン要素をブロック要素にしちゃうのね。頭良いなー。
と言うことで不具合がありましたらお知らせ下さい。

タグ: ,