はてなダイアリーを使ってます。それで、「コメントを書く」って文字を本文よりフォント・サイズを1小さくして、コメントはサイズを3小さくするにはどのようにスタイル・シートを設定すればよいでしょう。あと、コメントの2行目以降を1行目とおなじインデントに保ちたいときにはどうすればよいでしょうか。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2003/11/26 14:08:50
  • 終了:--

回答(2件)

id:sasada No.1

sasada回答回数1482ベストアンサー獲得回数1332003/11/26 14:15:52

ポイント25pt

http://www.hatena.ne.jp/list

人力検索はてな - 質問一覧

 URLはダミーです。

 以下、スタイルシートのサンプルです。

 ダイアリーの設定から、修正してみてください。

 (蛇足ながら、バックアップは取っておきましょう)

/* 「コメントを書く」の部分 */

div.comment {

/* お好みのポイント数で12ptとか */

font-size: small;

}

/* コメントの部分 */

div.caption {

/* お好みのポイント数で8ptとか */

font-size: x-small;

}

id:junsaito

ありがとうございます。

やってみたんですが、うまく行きません。

具体的には、

div.comment {font size=12pt;

font-size: small;

}

div.caption {font size=8pt;

font-size: x-small;

}

と書けばよいのでしょうか?

2003/11/26 15:07:08
id:sasada No.2

sasada回答回数1482ベストアンサー獲得回数1332003/11/26 15:22:57

ポイント25pt

http://hp.vector.co.jp/authors/VA022006/css/index.html

正しい知識を得たい人の爲のCSS2リファレンス

>やってみたんですが、うまく行きません。

 ゲゲッ!!

 書き方は、

=== ここから ===

div.comment {

font-size: 12pt;

}

div.caption {

font-size: 8pt;

}

=== ここまで ===

です。(すべて、半角文字です)

 「=」(イコール)ではなく、「:」(コロン)を使います。

 12ptとか8ptなどの数字を変更すれば、文字の大きさが変わります。

 12ptと書く代わりにsmallと、8ポイントの代わりにx-smallと書くことを推奨されていますが、気にならないなら、気にすることはありません。

 ここまでは、自分のダイアリでテスト済みです。

 質問の残りの部分ですが、、、

 え〜と、複数のコメントの頭を揃えたい(インデントをつけたい)という意味ですよね?

div.commentshort > p {

text-indent: 1em;

}

で行頭文字の位置を揃えることは出来ると思います。

 でも、ユーザー名の後ろのコメント部分だけ独立させて、折り返し位置を揃えるのは無理っぽいですね。

 行頭文字+名前+コメントで ひとつのインライン要素になっていますので、スタイルシート中で コメント部分だけを分離指定できないようです。

 ちなみに、コメントの中の

タグのところで インデントを調整するのも無理だと思います。

id:junsaito

なるほど、できました!

どうも、ありがとうございました。

これで終了にします。

2003/11/26 16:23:28
  • id:andymente
    はてなダイアリーの「>」

    > div.commentshort > p {
    > text-indent: 1em;
    > }

    と回答にありましたが、はてなダイアリーで子供セレクタを使うと「>」に変換されて使えないみたいです。
    今日ははてなダイアリーのスタイルシートをいじっていて、偶然にもさっきまでそれに気付かずしばらく悩んでいました。
    同じことで悩まないようご報告します。
    http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips?kid=1031#p2
  • id:andymente
    Re:はてなダイアリーの「>」

    またやってしまった…。
    >と回答にありましたが、はてなダイアリーで子供セレクタを使うと「>」に変換されて使えないみたいです。
    文中にある「>」(引用扱いされるみたいなので全角に…)は、「>」と書いたつもりでした。
  • id:sasada
    Re(2):はてなダイアリーの「>」

    >はてなダイアリーで子供セレクタを使うと「>」に変換されて使えない

     左様でしたか。
     知りませんでした。教えていただいて ありがとうございます。m(_ _)m

     ダイアリーには、まだまだ いっぱい「不思議」が詰まっているようです。(^^;

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません