ブログをつくったときのチェックリスト | IDEA*IDEAドットインストール代表のライフハックブログ
リストマークの画像のずれを修正する
サイドバーメニュー等の先頭のマーク（マーカー）表示に画像を使われている方は少なくないと思いますが、img タグをテンプレートに直接記述するのは、ウェブスタンダードでいうところの「構造とデザインの分離」という面よりあまりお勧めできません。またリストの量が増えると img タグの指定も増えることになり（テンプレートでは数ヶ所の指定で済みますが）、ページサイズにも影響します。 ということで、マーク表示にはCSS・リスト形式（li）の画像指定で表示すること好ましいですし、リスト先頭のマークに画像を使われている方も大勢いらっしゃると思いますが、list-style-image プロパティで li { list-style-image: url(hogehoge.gif); } と画像を指定した場合、下のようにマークが微妙にずれて表示されてしまうのが悩ましいところです（サンプル１）。 サンプル１ これ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
I [heart] WordPress ― yukei.net![I [heart] WordPress ― yukei.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8606e07ede024a8f17e6c59686304575f9045bf/height=288;version=1;width=512/https%3A%2F%2Ffelipe.lavin.blog%2Fapp%2Fuploads%2F2022%2F11%2Fcropped-Captura-del-2022-11-11-a-las-22.22.29.png)
