解決済
トップ画像が表示されない。位置がおかしい
CSSは以下の通り#banner,#subbanner{width:700px;height:200px;text-align:left;background-color:#ffffff;url(http://image.blog.livedoor.jp/torishiro/imgs/9/9/99d771a1.jpg?blog_id=1671678) no-repeat;}
URLはﾌﾞﾗｳｻﾞで表示確認済みです。
質問1 上記のURL画像がまったく表示されない
質問2 ﾌﾞﾛｸﾞ最上部に画像を置きたいが、なぜか下のほうに画像（しかも古い画像で今はCSS内には記述されていないはず）が表示されている（※ 参照）
分かる方教えてください。よろしくお願いします！こちらが提供している情報が足らない場合はお申しつけください。補足します。
回答(5)
6.
管理画面に入り、カスタマイズ/管理 ＞ をクリック。そのページの 『 ブログの説明 』 内に現在、以下の文章が記載されています。
投資経験は特に無いです（2006年4月時点）。<BR>
色々あったので会社辞めてﾌﾘｰﾀｰへ転向。<BR>
・
・
これから株を始める方や初心者の方ならちょっと参考になるかも。
このように、各文章を <br> で強制的に改行させておられますが、実際には強制的に改行させていない所で改行しています。思い切って <br> を取り去り、続けて表示されるほうが、すっきりして綺麗かと思います。（ torishiro さんのご判断にお任せします ）
この記載されている文章の " 上 " に以下のタグを書き込みます。↓
<div class="torishiro">
<a href="ブログアドレス"><img border="0" src="画像アドレス" width="188" height="282"></a>
</div>
■ ブログアドレス
■ 画像アドレス
imgs/9/9/99d771a1.jpg
（ ここに書いたアドレスが自動省略される為、変な書き方になりました ）
書き込むタグの前後に <div class="torishiro"> </div> と入れたのは、画像も独立して上下の調整ができるようにです。
この書き込みができたら、一度保存しましょう。ページ下部の 『 設定を保存する 』 をクリックし保存。まずはトップページだけ再構築をおこなって下さい。ブラウザーをリロード （ 再読み込み ） すると、とりあえず形になっていると思います。
続いて CSS の調整です。下のコメント欄
>>#5 から書いていきます。
1.
2.
3.
5.
<img src=" ;とうってみて、希望どうりにならなかったらごめんなさい～
![http://image.blog.livedoor.jp/torishiro/imgs/9/9/99d771a1.jpg">](http://screenshot.livedoor.com/small/http://image.blog.livedoor.jp/torishiro/imgs/9/9/99d771a1.jpg"> "http://image.blog.livedoor.jp/torishiro/imgs/9/9/99d771a1.jpg\">")
タイトル文は若干上にあげることがＣＳＳで調整できますが～
コメント(10)
＞AQさん
助かります。
とりあえずﾃﾝﾌﾟﾚｰﾄの再設定・再構築をしました。
仰るとおり希望の画像自体は表示されました（ﾀｲﾄﾙとﾌﾞﾛｸﾞの説明が画像に被ってますが）。
＞タイトルテキストをなくして画像全体にリンクをかけたいのだろうと思うんだけど
ﾘﾝｸをかけたいです。
＞もしかしたら画像の下にタイトルとブログの説明を表示させたいのか、タイトルは画像の上で、ブログの説明は画像の下にしたいのか？
僕の希望は上から順番に
1.ﾀｲﾄﾙ
2.画像
3.ﾌﾞﾛｸﾞの説明
と表示させたいです。
以上です。
またお時間ある時にご返信ください。
ほんと感謝です。
> torishiro さん
コメントは確認しています。
なるべく早く答えていきますけど、しばらくの間
画像に文字がかぶっている状態を我慢して下さい。
申し訳ないです。
大丈夫です。
調整する部分は CSS の中の既存の ２箇所 ＋ これから新たに書き入れる １箇所 の計 ３箇所 です。これから説明するどおりの順番でおこなって下さい。
■ マルボロライトのデイトレード日記
.blogtitle{ }
の中の margin-bottom:5px; をさわりますが、この現在の表記ではブログタイトルの " 下 " に 5px 間を空ける指示がされています。これをこういう具合に書き換えます。↓
margin:○○px ○○px 5px ○○px;
左から順番に 上、右、下、左 の指示を表します。お好きな数字を入れて好みの位置に調整して下さい。
次に、現在こうなっている↓
.blogtitle{
font-size:18px;
font-weight:bold;
text-align:left;
margin:○○px ○○px 5px ○○px;
}
.description{
color:5e5e5e;
font-size:11px;
text-align:left;
line-height:150%;
}
間に新たな指示を記述します。こうです。↓
.blogtitle{
font-size:18px;
font-weight:bold;
text-align:left;
margin:○○px ○○px 5px ○○px;
}
.torishiro{margin-bottom:○○px;}
.description{
color:5e5e5e;
font-size:11px;
text-align:left;
line-height:150%;
}
この新たに間に書き込んだ指示は画像の下部とブログの説明との間を調整する指示です。ですから、下部に対しての指示しかしていません。○○にお好きな数字を入れて下さい。
.torishiro{margin-bottom:○○px;}
最後にブログの説明の位置の調整です。（ description ） ですが、その前に、一度 CSS を保存し。CSS の再構築をして下さい。ブラウザーをリロード （ 再読み込み ） して、トップページでの表示の具合を見てみましょう。ブログの説明の部分は ・・・
.description{
color:5e5e5e;
font-size:11px;
text-align:left;
line-height:150%;
}
↑このようにデフォルトでは何も位置の調整の指示は書き込まれていません。表示を確認してみて、そのままの位置で良ければ、何もしなくても良いですし、もう少し微妙に調整したければ、" 下 " の間を調整する指示を書き込めば良いのです。このように↓
.description{
color:5e5e5e;
font-size:11px;
text-align:left;
line-height:150%;
margin-bottom:○○px;
}
上との間は画像の方で調整しますから、下部だけの指示で OK です。
ここで補足ですが、今回は左右の調整は必要でない事から、
>>#5
>>#6
に記載してある、
margin:○○px ○○px 5px ○○px; は
こういうふうにしておいても良いでしょう。↓
margin:○○px 0px 5px 0px;
0 = ゼロ にしておくという事です。
他の書き方もあるのですが、頭がこんがらがるでしょ(^^)
そしてこのブログの説明が、画像より少しはみ出して表示される事が気になるようなら、.description{ } の中に、width を入れます。画像と同じ横幅が良いでしょう。
width:188px;
これでこの幅の中で改行されます。
すべてが終わったら CSS を保存。CSS の再構築をかけて下さい。トップページをリロードし、表示を確認後、好みの形になったら、最後に 『 全て再構築 』 をかけます。
お疲れ様でした。これで以上です。(^^)
>ＡＱさん
ありがとうございます。全て出来ました！
本当に何から何までご親切にしていただいて感謝しています。お仕事もお忙しいでしょうが頑張ってください。
> torishiro さん
ベストありがとうございます。(^^)
回答に時間がかかって申し訳なかったです。
快適なブログライフをお過ごしください。♪
