解決済

clip!clip!
Ads By Google

画像を何枚かアップすると、文章がずれます。

初心者ながら色々とブログをいじってるんですが、写真などを数枚アップし、それに対しての文章を添えると、文章が写真の横にずれたりします。

改行で対応していたんですが、自分のPCでの文字サイズが大だったんですね・・・。

で、知人の家で自分のブログを覗いてみると、改行が足りず、写真の横に文字があったりと滅茶苦茶でした。

モデルにしているライブドアブログを覗いてみると、文字の大きさを変えても、しっかり写真の下に文章がくるようになってました。

それに携帯などから自分のブログを見ると写真の下の改行ぶんが非常に邪魔で見にくいんですよね・・。

やっぱりモデルにさせてもらってるライブドアブログのほうは携帯から見てもしっかり写真のすぐ下に文章がきていました。

是非このやり方を教えてください(__)

2006-05-05 15:09の質問
PC  画像  写真  色々  する  文章      
PC
HPがオススメする新型パソコンはカスタマイズ可能で高性能。HPの公式直販ストアです。
h50146.www5.hp.com/directplus/personal/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-05-05 16:09:49ベスト
livedoor Blogでは、画像を記事に入れた時、画像に自動的に、画像を左に寄せ、文字(画像でも)をその右側に回り込ませる、HTMLタグが付きます。
(HTMLタグとは、この場合、表示の仕方を決めるもの印です。)
つまり、画像の右横に文字や次の画像が来るようになっています。
これを、始めから付けないようにする設定はありません。

しかし、これは、質問者は既にご経験されたように、文字や写真をこの下に配置したい時には、面倒なものです。

挿入した後に、回り込ませないようにするには、つまり、文章や画像を下から始める方法は、2つ知っています。

どちらも、HTMLタグをいじる必要がありますので、投稿ページや、編集ページの、入力欄の下の「HTMLを確認する」にチェックを入れて、HTMLを表示させるか、始めから、エディタとして「シンプルエディタ」を選んで作業してください。

● まず、HTMLタグから、文字を右に回り込ませる部分を削除する方法です。

画像のHTMLタグ
<img src="http:// ~  />
の中から
align="left"
を削除してください。
そうすれば、画像が普通の1文字のような配置の仕方になります。
画像を続けた場合、記事の表示欄の幅が十分なら、先程の画像の横に来ます。
狭ければ、下に来ます。
この後で改行すれば、間違いなく、次の文章や画像は下になります。

● もう一つは、後から、回り込みの機能を解除する方法です。

これは、始め、文字を回り込みさせ、途中から画像の下に行かせたいという場合にも使えます。
画像のHTMLタグの後、あるいは、文章の区切りの後に、
<br clear="all">
と入れてください。
これは、回り込みの機能を解除し、改行するものです。
この後からは、文字が画像の下に行きます。
画像を続けた場合も、下に行きます。

この辺を試してみてください。
なお、画像を入れる時に、手作業でHTMLタブを入力している人は、はじめから、align="left"を付けなければよいだけですが。
回答レベル : 回答

ありがとうございました。何とかなりそうです!

本当に感謝感謝です(__)

Ads By Google

コメント(1)

#1.  青ドン
2006-05-06 03:42:27

ありがとうございます!

それで何とかやってみたいと思います。

本当に感謝感謝です(__)

トラックバック(2)

トラックバックURL: