Ads By Google
画像が左にずれてる・・
こちらですが、タイトル画像がずれてるんです(。≧??≦)
サイズはあってるはずなんでが、なんででしょう(ノ_・。)
2006-03-07 21:20の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(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;
}
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
画像の横幅は大きめにとってありましたが、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
ありがとうございました!
すごくわかりやすかったです(ノ_・。)
#2. 試験利用者
2006-03-08 19:35:00
うまくいったようで良かったです。ベスト回答もありがとうございます。分かりやすいというのも嬉しいです。




