livedoor ナレッジ

ブログ本文についての表示

似たような質問があったのですが、自分の探してる質問を探せなかったので・・・・。

ブログを投稿しようと、本文を書いて
画像を載せたかったのでアップロードして
完了したので「投稿をする」をクリックし、

いざ自分のブログを見てみると、

載せた写真の横に、自分が書いた文が
こういった感じで表示されました↓
　　　
　　　ーーーーーーーーーーーーーーーーーーーーーーあい

 |                                |うえ
 |                                |おか
 |                                |きく
 |      載せた写真                    |けこ
 |                                |さし
 |                                |すせ
 |                                |そた
 －ーーーーーーーーーーーーーーーーーー

と、表示されていました。


本当は、画像の下に本文を載せたかったのですが、
どうしたらいいのか全然わかりません・・・。

まったく初心者なので初心者向けにどなたか
教えていただけないでしょうか？？

よろしくお願いします。

こんばんは、先日も同じ様な質問がありましたね!
語句が解らない場合などがありますと、ご自分で検索されてもうまくヒットしないことがありますからね^^)

ご質問の場合は、画像に対して文章が「回り込んでいる」のを解消すればよいことになります。画像にはシステムで設定された「左寄せにせよ(フロートにもなっています)」との指定がくっついています。それで、それを解消するためには画像に続く文章を下記タグで挟んでやればよいということになります。

<p style="clear:both;">段落単位の文章</p>

または、

<div style="clear:both;">
<p>段落単位の文章</p>
<p>段落単位の文章</p>
‥‥‥‥
</div>

メモ帳などのテキストエディタに記述しておいて、管理画面から投稿する際に、これをコピー&ペーストしてから文章を書き込んで行けば手間が省けるかもしれません。

２．の方の回答でいいです。
ちょっと説明しておくと
画像タグの中に
align="left"
の指定があるかと思いますが、
これは画像を左にして、文章を回り込ませる指定です。
ただ、これは非推奨の(古い)指定なので将来的に使わない方がいいのです。
２の方の回答は推奨の答えです。
古い(非推奨)の回答では
文章の前に回り込みを解除する
<br clear="all">
を挿入すれば良いです。
古い指定のあるページには古いやり方を使うか、それとも将来を見越して将来的にも有効なやり方を使うかは、考え方次第です。