注目タグ

質問・疑問

トピック詳細

右側のカラムの、縦の枠どうしの幅を狭めたい

danielさん作「latte」を、カスタマイズして、使わせてもらっています。
ありがとうございます。

http://lucklucklife.blog.fc2.com/


右側カラムの縦列の(プロフィールの列の並び)、
各枠の、上下の幅を狭めたいのですが。

CSSのどこの数字を書き換えれば良いのでしょうか?

詳しい方、教えてください。

2013年11月05日 19:49  by  ゴリラパパ

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

  • ありがとうございます。やってみました。

    http://lucklucklife.blog.fc2.com/

    うまくいっていますか?????


    CSSのこと、よく分からず、文章が理解できなかったんですが

    なんとなく「スタイルシート編集」と「HTML編集」を触っていたら

    私が見ているgoogleクロームでは、うまくいきました。

    感激です。


    しかし、IE8では、右側カラムが、全部つながってしまっていたのですが

    <meta http-equiv="X-UA-Compatible" content=&qu ot;IE=edge" />

    を入れたら、ちゃんと表示されるようになりました。

    ほんと、ありがとうございました。

    yosoilueさんに教わってなかったら、永遠に、できませんでした。

    感謝します。

    http://lucklucklife.blog.fc2.com/


    2013年11月06日 19:19 by  ゴリラパパ

  • また、お使いのテンプレートは登録された時期が古いので、IEの古いバージョンで正常に見えるように調整してあるようです。

    なので、詰めるためのカスタマイズをした場合にIE7以前のIEで閲覧するとCSSでの指定が正常に反映されないようです。


    FC2ブログは、IEで閲覧するときには強制的に互換モードで表示されるので、結局どのIEで閲覧したも正常には表示されない ことになります。

    IEの互換表示を回避するには、公式テンプレートの【basic_white】と同じようにMETAタグに一行追加する必要が あります。

    HTMLのMETAタグの一番最初に

    <meta http-equiv="X-UA-Compatible" content=&qu ot;IE=edge" />

    これを追加して下さい。

    2013年11月06日 13:27 by ロギラキ

  • HTMLのクラスplgにある&nbsp;を3箇所削除して下さい。

    CSSにある
    .plg {margin:0; padding:0 8px 5px; background:#e5d5c5; colo r:#987;}
    この部分を

    .plg {margin:20px 0 0; padding:0 8px 5px; bac kground:#e5d5c5; color:#987;}
    このように書き換える。

    そして20pxの数値を小さくすれば詰まるように出来ます。

    2013年11月06日 11:48 by ロギラキ

  • 普通ならばCSSを弄れば詰まるのですが、HTMLで隙間を作っているのでお使いのテンプレートでは変わりません。

    <div class="plg">
    <h3 align="<%plugin_first_talign>" title ="<%plugin_first_description>">
    <%plugin_first_title></h3>
    <%plugin_first_content><br />
    <%plugin_first_description2>
    </div>&nbsp;

    赤文字部分を削除すると全部つながってしまうので、いまの状態では狭められません。

    2013年11月06日 11:17 by ロギラキ