注目タグ

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

トピック詳細

タイトルとサブタイトルの位置が変えられません。

cotori_16のテンプレートをカスタマイズして使用しています。

ブログタイトルとサブタイトル(ブログ説明文)の位置を
左上に変更したいのですが
うまくいきません。
両方とも左上に変えるにはどこを変更したらよいのでしょうか?

よろしくお願いします。

2011年11月02日 20:28  by あんず

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

  • 昨日試してみたところうまくいきました!
    今日使用中のテンプレも修正したいとおもいます!

    CSS編集が不慣れなのにカスタマイズをはじめてしまったばかものです(-"-;)
    本当に助かりました。
    ありがとうございます(^∀^)ノ

    また何かありましたらよろしくお願いします。

    2011年11月04日 12:34 by あんず

  • ブログ概要の{}の中に
    padding-bottom:250px; または margin-bottom:250px;
    このような指示を書き加えてみては?
    (数字の部分は大きすぎるようなら もっと小さくしてください)

    それでもダメなら
    vertical-align
    この指示を丸ごと削除してみるというのはどうでしょう?

    2011年11月03日 09:23 by 標野ゆき

  • そちらは試してみましたが
    何の変更もありませんでした・・・

    タイトルの方はパディングやマージンを変えると
    きちんと位置が変更されるのですが・・・

    2011年11月03日 00:03 by あんず

  • vertical-align:bottom;
    の部分を
    vertical-align:top;
    このように書き換えてみたら改善するかもしれません。

    2011年11月02日 21:43 by 標野ゆき

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

    さっそくいじってみましたが
    ブログタイトル自体は左上に変更できるのですが
    サブタイトルの位置が変わりません。

    CSSにはまだ慣れていないので
    どうやったら左上に揃えられるか教えていただけるとありがたいです。

    2011年11月02日 21:24 by あんず

  • このテンプレート作者さんはさきごろ退会されて
    共有テンプレートの登録も消えているので、HTMLが参照できないんですが
    ブログ名と概要の垂直位置にかかわっているのは、スタイルシートの以下の部分だと思います。

    sitetitle {
    padding-top: 30px;ブログ名の上部パディング
    padding-left: 10px;
    margin-bottom:0px;ブログ名の下部マージン
    text-align: left;
    }
    .sitetitle a,
    .sitetitle a:link,
    .sitetitle a:visited {
    font-size: 43px;
    color: #FF6347;
    text-decoration: none;
    border: 0px solid #000000;
    }

    .sitetitle a:active,
    .sitetitle a:hover {
    color: #ffffff;
    font-size: 43px;
    text-decoration: none;}


    .description {
    font-weight:bold;
    margin-left:10px;
    margin-top:20px;ブログ概要の上部マージン
    font-size: 14px;
    color: #ffffff;
    text-align:left;
    vertical-align:bottom;ブログ概要の垂直位置指定(底部揃えになって います)
    }

    2011年11月02日 20:54 by 標野ゆき