注目タグ

質問・疑問

トピック詳細

タイトルを指定のところで改行して表示させたい

初心者でわからないことだらけなのですが…。
タイトルがあってそのあとに続けて~○○○○~のようにサブタイトルをつけているのですが、サブタイトル部分(~より後部分) を改行して表示させたいのですが、サブタイトルの途中で勝手に改行されてしまっています。
どうすればよいでしょうか?

2010年04月28日 11:06  by 

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

  • ありがとうございました!
    まったくの初心者で右も左もわからないまま手探りでやっています。
    まだまだ疑問だらけですが…。

    2010年04月30日 11:50 by

  • 1、2については、下記トピックの回答が参考になるかと思います。
    http://blog.fc2.com/forum/viewtopic.php?p=83658#p83658

    ・<span>~</span>でなくても、<p>~</p>など他のタグ でも可。

    3については、paddingの値を調整しましょう。

    .side_title{
    height : 40px;
    padding : 0px 25px 0px 25px;
    text-valign : top;
    color : #993B4C ;
    font-weight : bold;
    background-image : url(http://templates.blog.fc2 .com/template/Cottage/050426_04_sub_title.gif);
    }

    2010年04月28日 15:39 by pika★フォーラムモデレーター

  • ありがとうございます!!教えていただいた通りにしましたら、うまく表示されました♪
    そこで…欲が出てしまい…もし宜しければまた教えて頂きたいのですが
    ①~の前後で文字の大きさを変えられるか
    ②~の前後で文字の色を変えられるか
    ③タイトルをもう少し右上方向に移動させられるか
    よろしくお願いいたします。

    2010年04月28日 13:42 by

  • htmlに直接タイトルを書き込んではどうですか?
    お使いのテンプレートを例にすると赤字部分を変更します。

    <tr><td class="site_title" valign=top> ;<b><a href="<%url>">& lt;%blog_name></a></b><div class=" ;site_s"><%introduction></div></td> ;</tr>

    改行は<br />でさせます。
    例:□□<br />~○○~

    2010年04月28日 13:07 by