カテゴリ親子タイプで、アイコンがずれる
たびたび申し訳ありません。。
カテゴリ欄を、親子タイプ(ツリー?タイプ)に変更したのですが、
そのプラグインの部分(特にいえば、親子になっているカテゴリ)だけ、
リストアイコンの位置がずれます。
ブログ全体的にずれていたのはCSSで何とか見つけて対処できたのですが、
カテゴリ欄だけ大きくずれてしまっています。
(他のリストアイコンもずれていますが、許容範囲なので。。)
使っているプラグインは、「ツリー親子カテゴリA」です。
私のブログ↓
http://risouinterior.blog.fc2.com/
本当にたびたび申し訳ありませんが、これがクリアになれば、
他は問題がなさそうですので、お力をお貸しいただけると大変助かります。
よろしくお願いいたします。
2012年07月01日 23:18 by ma-gu
ありがとうございます!!!!
教えていただいたように書きなおしたところ、
ピッタリ、バッチリでした!!!!
本当にありがとうございます!
助かりました!!
2012年07月04日 17:23 by ma-gu
.plugin li {
background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sak uranboibu/007_h1.gif);
background-position: 0 15%;
background-repeat: no-repeat;
margin: 0;
padding: 0 10px 0 15px;
}
背景の位置指定が「左から0、上から15%」の位置で指定されてるんで、子カテがあるときだけヘンな位置に表示されます。
.plugin li {
background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sak uranboibu/007_h1.gif);
background-position: 0 3px;
background-repeat: no-repeat;
margin: 0;
padding: 0 10px 0 15px;
}
「background-position: 0 3px;」
chromeだとこれでOKでした。
ちなみに
「background-position: 0 0;」
で左隅に表示、
フォントサイズをemで指定しているならbackground-positionもemで指定したほうが吉。
面倒なときは
.plugin li {
background: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranbo ibu/007_h1.gif) no-repeat 0 3px;
margin: 0;
padding: 0 10px 0 15px;
}
こんな感じに省略可能。私は省略のショートハンド派です。
2012年07月04日 12:08 by maniash
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー