はてなグループにトップ画像を置いているんですが、何度大きさを合わせても右の部分に余白ができます。

しかもその余白は何故か黒いので、デザインのじゃまになります。
画像を右によせるHTML?を貼ったのですが、余白も右に行きます。
この余白をどうしても消したいです。消す方法を教えて下さい。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/08/04 12:18:40
  • 終了:2012/08/11 12:20:03

回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4366ベストアンサー獲得回数18022012/08/04 13:08:41

はてなグループって、↓で良いんですよね?
http://arahabika.g.hatena.ne.jp/


はてなグループのデザインをいじったことがないのですが、以下の部分は自分で書いたものでしょうか?

h1 { background:#333 url("http://cdn-ak.f.st-hatena.com/images/fotolife/m/mikoto3510/20120729/20120729095344.gif") no-repeat; /* 背景画像の設定 */ color:#000; /* 背景色の設定(特に必要なし) */ padding-top:220px; /* 丈夫のパディング */ border-bottom:4px solid #ddd; /* ヘッダー下の区切り線 */}h1 a,h1 a:visited{ color:#000; /* 文字色 */ font-size:xx-large; /* 文字の大きさ */}


画像の幅が足りない分、余白ができます。
背景色に、黒っぽい色が指定されているので、右側に黒い色が出ます。

背景色を白にするのであれば、

h1 { background:#333 ...

h1 { background:#fff ...

としてください。

画像を、右に寄せたいのであれば、以下のように right を追加してください。

h1 { background:#fff right ...



うまくいけば、こう見えるはずです。
f:id:a-kuma3:20120804131207p:image


もし、画像を真ん中に置きたければ、right ではなく、center と書きます。

id:mikoto3510
おおお> ありがとうございます!!! うまくいきました(^^*) 2012/08/04 15:35:47

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

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

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

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