知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

いただいたコメントとコメントの間をあけたい。

いつもお世話になっております。

今回は、いただいたコメントがコメント一覧に表示される時に
ズラーっと並ぶと、区切りがなくて読みづらいと思いました。

このコメント一覧でいうと

1.梨の、最後の行「しかもチョイスが渋いです☆」

2.RYOの、一番上の行「2.RYO 2009年09月27日 23:55」
間を1行ぐらい空けたいです。

全コメント一覧に対応したいので
よろしくお願いします。



2009-09-28 14:11の質問
スペース  コメント  行間  一覧  対応    あけたい  読みづらい  
スペース
商業施設の物件開発、テナント導入、環境計画・設計・施工
www.space-tokyo.co.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2009-09-28 15:32:06ベスト
07エリア /** コメント一覧 */ で
li.comment-set {
padding: 0 0 9px 20px;
font-size: 90%;

padding:の数字 0 0 9px 20px; が順に「上右下左」の余白に当たるので
下に当たる9px の数値をてきとうに大きくします。

>鸚哥(いんこ)さま
>kavalierさま

お二人の回答を組み合わせて、無事納得のいく
レイアウトができました。
ありがとうございました。

今後、この質問を拝見して参考にする方もいると思うので
BAは質問の内容に正確な回答をしてくださった鸚哥(いんこ)さまにします。

kavalierさまの回答には、
超助かったで賞を送りたいと思います。

お二方の回答がなければ納得いくものになりませんでした。
ありがとうございました。

2.

2009-09-28 15:46:51
余白を空けるのでもいいんですけど
たぶん、それはそれで不満が出てくると思うので
コメントに背景を入れてみたらどうですか?

かなり見やすくなると思います。

入れる場所は

/** コメント一覧 */の中にある以下の中

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

入れるのは次の一文

background: 好きな色;

実際に試したわけじゃないですけど
「好きな色」には#585858で良いような気はします。


おまけのアドバイスとして
名前の方にまで背景を入れると
ちょっと格好が悪くなるので
それはやめた方が良いです。
Ads By Google

コメント(1)

2009-09-28 21:50:57

背景が有ると見やすいですね☆
で、私が言うのもなんですが複数回答があってベスト以外に「超助かったで賞」を送る時にはまずそちらにベターをつけます(ベターは何人にでも送れるしコメントも入れられます)
それで最後に「これで解決」のベストをつけます。
先にベストを出してしまうとベターはあとからは付けられなくなりますので。

トラックバック(2)

トラックバックURL: