FC2ブログ

無料新規登録

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

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

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

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

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

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

私のブログ↓

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

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

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

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

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

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

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

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

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

    助かりました！！
    by ma-gu  2012年07月04日 17:23
    by ma-gu
    2012年07月04日 17:23
  • .plugin li {
    background-image: url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/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/sakuranboibu/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/sakuranboibu/007_h1.gif) no-repeat 0 3px;
    margin: 0;
    padding: 0 10px 0 15px;
    }

    こんな感じに省略可能。私は省略のショートハンド派です。
    by maniash  2012年07月04日 12:08
    by maniash
    2012年07月04日 12:08

2件中、1～2件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.