リストアイコンのずれを修正 | Category : 素材の設置方法とヒント
スタイルシートのリスト形式 (li) の背景画像でリストマークにアイコンを表示させると、下の例のように上下・左右の微調整が必要な場合があります。
ボタン素材
アイコン素材
table素材
そこで、background-positionの数値で配置を調整します。
li {
list-style: none;
padding-left: 17px;
background: url(list.gif) no-repeat 0px 0.5em;
}
no-repeat の後ろの数値は、
0px ：左からの画像配置 (左ぴったり)
0.5em ：上からの画像配置 (上から行の高さの1/2) の位置に画像を配置することを示します。emのかわりにpx表示でもよいです。
