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

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

●質問者: FlowerSong
●カテゴリ:はてなの使い方
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● うぃんど

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

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

h1 { background-size:912px 130px; }

2 ● a-kuma3

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

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

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

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

関連質問

●質問をもっと探す●



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