スタイルシートの設定方法を教えてください。


http://www.obanzaiya.com/

1、右カラムの、タイトルと本文の余白を狭くしたい
2、右カラムの、本文と、本文下の下線との余白を狭くしたい
3、右カラムの、各投稿記事の間にある下線の上下の余白を狭くしたい

教えていただけると助かります。
どうぞよろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/01/15 18:19:33
  • 終了:2012/01/17 16:49:39

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922012/01/15 20:00:11

ポイント100pt

>1、右カラムの、タイトルと本文の余白を狭くしたい

余白を狭くの意味がわからないですが以下の値を増減してみてください。

.leftmenu .col1 {
  margin-right: 106px; ←


>2、右カラムの、本文と、本文下の下線との余白を狭くしたい

.entry-body {
  margin-bottom: 20px; ←小さく

それでもまだ余白が気になるなら

.entry-body p {
  margin-bottom: 1em; ←小さく


>3、右カラムの、各投稿記事の間にある下線の上下の余白を狭くしたい

.col1wrap .entry {
    margin-bottom: 20px; ←小さく



追記:
>1、右カラムの、タイトルと本文の余白を狭くしたい
について。高さの余白。

.entry h2 {
  margin:0 0 0;
}

.entry-body {
  margin:0 10px 20px 10px;
}

さらに余白がきになる場合は以下の部分を調整してください。
.entry-body p {
  margin:1em 0;
}
他3件のコメントを見る
id:nobu55

ありがとうございます。
ほぼ、上手く調整できたのですが、
下線と次の投稿タイトルとの間の余白が狭くなりません。
大変申し訳ないのですが、最後にこの点アドバイスいただけませんでしょうか?
どうぞよろしくお願いします。

2012/01/17 16:47:24
id:Cherenkov

.col1wrap .entry{ margin:0 0 10px 0; padding:0; }
の10pxです。
firefoxのfirebugという拡張を使うと簡単に調べられます。

2012/01/17 17:04:56
  • id:nobu55
    右カラムのタイトルと、その下の本分の間の余白を小さくしたいのです。

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

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

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

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