Ads By Google
ブログのタイトル部分背景への画像の入れ方について
タイトル部分の背景に画像を貼る?事は出来たのですが、どうしても左上になってしまいます。右上に貼ったり、あるいは、左上と右上にそれぞれ別の画像を入れる事なんて出来るでしょうか?どうか、ご存知の方教えて頂けませんか?
2006-05-19 16:20の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-05-19 16:45:39

かすみさん。ご質問ありがとうございます。
どのような形で画像を挿入されたのかよくわかりませんが、CSSに背景画像を入れられたものとして、お答えさせて頂きます。
まず現在のCSSを全て選択したあと、コピーして、ワードパットなどにペーストして保存されておかれて下さい。
CSSの設定で、下記のような感じで画像を指定されている場合、
background:url(http://parts.blog.livedoor.jp/img/usr/xxxxx/xxxxx.gif) no-repeat;
↓このような感じにして、CSSを再構築すれば画像が真ん中に来ると思います。
background:url(http://parts.blog.livedoor.jp/img/usr/xxxxx/xxxxx.gif) no-repeat 50% 0;
↓このような感じにして、CSSを再構築すれば画像が右上に来ると思います。
background:url(http://parts.blog.livedoor.jp/img/usr/xxxxx/xxxxx.gif) no-repeat 100% 0;
画像を右上、左上に別々に配置するのは難しいかもしれませんので、右と左にだけ画がある大きい画像をアップロードし、それを真ん中に配置されるのがよろしいかと思います。
以上お試し下さい。
問題が解決しない場合は、この質問にお気軽にコメントされて下さい。
どのような形で画像を挿入されたのかよくわかりませんが、CSSに背景画像を入れられたものとして、お答えさせて頂きます。
まず現在のCSSを全て選択したあと、コピーして、ワードパットなどにペーストして保存されておかれて下さい。
CSSの設定で、下記のような感じで画像を指定されている場合、
background:url(http://parts.blog.livedoor.jp/img/usr/xxxxx/xxxxx.gif) no-repeat;
↓このような感じにして、CSSを再構築すれば画像が真ん中に来ると思います。
background:url(http://parts.blog.livedoor.jp/img/usr/xxxxx/xxxxx.gif) no-repeat 50% 0;
↓このような感じにして、CSSを再構築すれば画像が右上に来ると思います。
background:url(http://parts.blog.livedoor.jp/img/usr/xxxxx/xxxxx.gif) no-repeat 100% 0;
画像を右上、左上に別々に配置するのは難しいかもしれませんので、右と左にだけ画がある大きい画像をアップロードし、それを真ん中に配置されるのがよろしいかと思います。
以上お試し下さい。
問題が解決しない場合は、この質問にお気軽にコメントされて下さい。
ほ~、なるほど!!そうすればいいんですね♪♪zeroさんのご説明の通り、cssに入れたんです!とっても分かりやすいご説明、ホントにありがとうございます。では、全部を保存してから、左上と右上に画像のあるものを入れ、no-repeat 50% 0;と付けてみたいと思います!!感謝の思いで一杯です♪
Ads By Google
コメント(1)
#1. かすみ
2006-05-20 14:26:05
見事成功しました!!感激です♪ホントにありがとうございました。またお世話になるかもしれませんが、その時はまたよろしくお願いします!!





