ダイアリーのトップ画像についてです。

この前の質問に回答してくださった方には申し訳ないのですが、画像がテーマと合わなかったので、Hateana2テーマに変えて、画像を920×180で置いてみました。
http://d.hatena.ne.jp/FlowerSong1223/
ですが、見ての通りなんだかおかしなことになってしまいました。
あの画像はもう少し縦に長い画像だったのですが切れてしまいました。
横幅が余ってしまってもいます。
(トップの文字が異様に小さいのは仕様です)
どうすれば治るのかや、画像の大きさが間違っていれば本当の大きさを教えてくださると有り難いです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/08/28 06:55:27
  • 終了:2012/09/04 07:00:03

回答(2件)

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492012/08/28 08:37:34

画像は、幅800px高さ157pxですが、
枠の大きさは、幅912px高さ130pxですね。

元の画像を912x130に合わせて作り直す(修正する)か、もしくは、
画像を少し横に引き伸ばしても良いならスタイルシートに下記を追加します。
(スタイルシートはブラウザによってうまく表示されない場合があります)

h1 { background-size:912px 130px; }
id:a-kuma3 No.2

a-kuma3回答回数4439ベストアンサー獲得回数18232012/08/28 12:18:21

まず、指定されている背景画像ですが、サイズが 800px × 157px になってます。
fotolife にアップロードする時に、サイズを小さくする指定(長い方を800px にする)が効いてたためだと思います。
# のたのた下書きしてたら、windofjuly さんが指摘済みです (^^;

で、画像をピタッとはめるには、h1 のスタイルに、以下の三つを追加してください。

h1 {
    width: 800px;
    height: 157px;
    padding: 0;
}

もし、画像をアップしなおすのであれば、width と height の指定を、画像に合わせてください。

コメントはまだありません

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

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

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

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