人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなグループにトップ画像を置いているんですが、何度大きさを合わせても右の部分に余白ができます。
しかもその余白は何故か黒いので、デザインのじゃまになります。
画像を右によせるHTML?を貼ったのですが、余白も右に行きます。
この余白をどうしても消したいです。消す方法を教えて下さい。

●質問者: bjl
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3

はてなグループって、↓で良いんですよね?
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 と書きます。


bjlさんのコメント
おおお>< ありがとうございます!!! うまくいきました(^^*)
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ