知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

画像が左にずれてる・・



こちらですが、タイトル画像がずれてるんです(。≧??≦)
サイズはあってるはずなんでが、なんででしょう(ノ_・。)

2006-03-07 21:20の質問
livedoor  画像  
livedoor
livedoor のホームページはこちらです
www.livedoor.com/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-03-08 01:34:48ベスト
backgroundの指定の一部を取り除きます。

画像の横幅は大きめにとってありましたが、800pxちょうどに作ってあり、右側に50px分ほどの余白がありました。画像は問題ないようです。

スタイルシートを見てみると、no-repeatの後に、50% 0という指定があります。位置を調整する指定なのですが、今回の場合はぴったり収まる画像なので必要ありません。取り除いてみましょう。

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。

修正前の例)
#banner,#subbanner{
width:800px;
height:331px;
background:url(http://mist.in/hampty/amp.jpg) no-repeat 50% 0;
}

修正後の例)
#banner,#subbanner{
width:800px;
height:331px;
background:url(http://mist.in/hampty/amp.jpg) no-repeat;
}

終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
Ads By Google

コメント(2)

#1.  りk
2006-03-08 18:23:59

ありがとうございました!
すごくわかりやすかったです(ノ_・。)

2006-03-08 19:35:00

うまくいったようで良かったです。ベスト回答もありがとうございます。分かりやすいというのも嬉しいです。

トラックバック(2)

トラックバックURL: