解決済

clip!clip!
Ads By Google

画像の横に文字が出ちゃうんですけど。

ブログの投稿ページの下の、アップするファイルを選択から画像をアップすると、ブログページに反映されるとき、一番上に画像がきて、しかも小さい画像だと右に文字がきてしまってます。
??小さい画像でも画像の下から文章がくるようにするにはどうしたらいいですか?
??画像を文章の一番下に入れるにはどうしたらいいですか?

2007-01-31 15:22の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2007-01-31 16:59:07ベスト
○ 画像を投稿する方法ですが、モバイルでないのなら、他の方法を使われたほうが、記事に複数の画像を投稿できますし、WYSIWYGエディタで画像を見ながら作業が出来ます。
livedoor Blogのガイドから
「画像をアップロードする( )」と「画像を投稿する( )」をご覧下さい。
但し、このガイドの例は少し古く、現在は、投稿入力欄の上にある便利ボタンの中の「IMG」ボタンをクリックすれば、アップロードされた画像のリストがポップアップするようになっています。

これで、文章のどこでも、画像を投稿できます。
(但し、文字の後に改行をはさまずに入れる場合は、次に説明するHTMLタグの削除を行って下さい。)

位置を移動させたい時は、WYSIWYGエディタ(HTMLタグではなく、画像そのものが表示されるエディタ)なら画像を、シンプルエディタならそのHTMLタグをドラッグして移動させて下さい。

○ livedoor Blogでは、記事に入れた画像に自動的に、画像を左に寄せ、続く文字や画像をその右側に回り込ませるHTMLタグが付きます。

挿入した後に、回り込ませないようにする方法を2つ紹介します。

HTMLタグを扱いますから、WYSIWYGエディタを選択している場合は、投稿入力欄の下の「HTMLを確認」にチェックを入れて、HTMLを表示する状態にするか、「シンプルエディタ」を選んで作業します。

● 回り込みのタグを削除する方法

画像のHTMLタグは、
<img src="http://image.blog.livedoor.jp/ーー.jpg" alt="ー" class="pict" align="left" border="0" height="ー" hspace="5" width="ー">
という感じですが、この中から
align="left"
を削除してください。
(その後は、「HTMLタグを確認」のチェックを外してください。)

画像が普通の文字のような扱いになります。
改行を一回するだけで、次の画像や文字が、先程の画像の下に並びます。


● 回り込みの機能を解除し、改行するHTMLタグを追加する方法

画像のHTMLタグの後(>の後)、あるいは、文章の区切りの後に、
<br clear="all">
と入れてください。
(その後は、「HTMLタグを確認」のチェックを外してください。)

後に続けた、文字や画像は、前の画像の下に行きます。
回答レベル : 回答

丁寧にありがとうございます!!
とてもわかりやすかったです!!

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: