注目タグ

テンプレート・プラグイン

トピック詳細

カテゴリ親子タイプで、アイコンがずれる

たびたび申し訳ありません。。

カテゴリ欄を、親子タイプ(ツリー?タイプ)に変更したのですが、
そのプラグインの部分(特にいえば、親子になっているカテゴリ)だけ、
リストアイコンの位置がずれます。

ブログ全体的にずれていたのはCSSで何とか見つけて対処できたのですが、
カテゴリ欄だけ大きくずれてしまっています。
(他のリストアイコンもずれていますが、許容範囲なので。。)

使っているプラグインは、「ツリー親子カテゴリA」です。

私のブログ↓

http://risouinterior.blog.fc2.com/

本当にたびたび申し訳ありませんが、これがクリアになれば、
他は問題がなさそうですので、お力をお貸しいただけると大変助かります。

よろしくお願いいたします。

2012年07月01日 23:18  by ma-gu

コメント一覧 2件中、1~2件表示

  • ありがとうございます!!!!

    教えていただいたように書きなおしたところ、

    ピッタリ、バッチリでした!!!!

    本当にありがとうございます!

    助かりました!!

    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