解決済
Ads By Google
画像のＵＲＬを書き換えたのですが… (その2)
で、質問させていただき、質問１と３は解決したのですが、質問２の回答を頂きたいのです。
2、左に この画像、右に別の画像にすることは出来ますか？
ブログタイトルと説明のところです。
箱からクマが飛び出している画像のことです。
現在この画像は右に移動させてます。
回答１の方から別途コメントをお願いします。とご指摘がありましたので、コメント#1に書いてしまいましたが、おそらく”別途で質問を”だと解釈しましたので新たに質問させていただきました。
よろしくお願いします。
2006-07-26 04:02の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-07-26 04:37:19
以前の質問でMoeさんが回答されていた方法と同じです。
また自分だったらこうしますが、もっといい、スマートな方法があるかもしれません。
まずHTMLを編集します。（実際はトップページだけでなく個別、カテゴリー別、月別も忘れずに）
結果はこうなります。
次にCSSを編集します。
#banner,#subbannerの括りの後くらいに以下を挿入します。
これで該当ページを再構築してください。
ちなみに「banner_left」「banner_right」のid名はHTMLとCSSで一致していれば任意のid名に変えて頂いて構いません。
また自分だったらこうしますが、もっといい、スマートな方法があるかもしれません。
まずHTMLを編集します。（実際はトップページだけでなく個別、カテゴリー別、月別も忘れずに）
<div id="banner"> <h1 class="blogtitle"><a href="http://blog.livedoor.jp/aaa111aaa222/">tesuto</a></h1>の<div id="banner">のあとに
<div id="banner_left"></div> <div id="banner_right"></div>を挿入してください。
結果はこうなります。
<div id="banner"> <div id="banner_left"></div> <div id="banner_right"></div> <h1 class="blogtitle"><a href="http://blog.livedoor.jp/aaa111aaa222/">tesuto</a></h1>
次にCSSを編集します。
#banner,#subbannerの括りの後くらいに以下を挿入します。
#banner_left,#banner_right{
width:120px;
height:109px;
background:url(http://image.blog.livedoor.jp/aaa111aaa222/imgs/a/b/abe7eee4.gif) no-repeat;
}
#banner_left{
float:left;
}
#banner_right{
float:right;
}
これで該当ページを再構築してください。
ちなみに「banner_left」「banner_right」のid名はHTMLとCSSで一致していれば任意のid名に変えて頂いて構いません。
forestkさん。回答ありがとうございます。
#banner_left{
float:left;
}
#banner_right{
float:right;
}
に、それぞれのＵＲＬを入れたら出来ました。
イメージどおりのデザインになりました。
ありがとう。
Ads By Google
コメント(3)
#1. forestk
2006-07-26 04:16:57
＞ruruさん
すみません。
「別途コメント"に"」の間違えでした。
forestkさん。ええと…。
#banner,#subbannerの括りの後くらいに。ということは、
#banner,#subbanner{
height:109px;
text-align:center;
background:#F08080 url(http://image.blog.livedoor.jp/aaa111aaa222/imgs/a/...) no-repeat;
margin-bottom:10px;
}
#banner_left,#banner_right{
width:120px;
height:109px;
background:url(http://image.blog.livedoor.jp/aaa111aaa222/imgs/a/...) no-repeat;
}
#banner_left{
float:left;
}
#banner_right{
float:right;
}
ということでしょうか？
それから、もう一つの画像はどこに書き込めばいいのでしょう？
http://image.blog.livedoor.jp/aaa111aaa222/imgs/8/...
↑この女の子を左端に。クマを右端にしたいのですが…。
すみません。うまくいかないので、おかしいなと思ったら再構築するのを忘れてました。
>>#3 で、よかったんですね。
それから、女の子のＵＲＬがおかしかったようです。
http://image.blog.livedoor.jp/aaa111aaa222/imgs/8/...
↑こちらが正しいＵＲＬです。
このＵＲＬを、どこに入れればいいのでしょう？
