お蔵入り

clip!clip!
Ads By Google

ライブドアブログについて 
画像をタテ一列に表示するにはどうやるのが一番綺麗ですか?

画像をタテ一列に表示するにはどうやるのが一番綺麗ですか?
┃┃┃┃┃┃┃   文
┃       ┃   文
┃  画1   ┃   文
┃       ┃   文
┃┃┃┃┃┃┃   文
┃┃┃┃┃┃┃   文
┃       ┃   文
┃  画2   ┃   文
┃       ┃   文
┃┃┃┃┃┃┃   文
┃┃┃┃┃┃┃   文
┃       ┃   文
┃  画3   ┃   文
┃       ┃   文
┃┃┃┃┃┃┃   文
┃┃┃┃┃┃┃   文
┃       ┃   文
┃  画4   ┃   文
┃       ┃   文
┃┃┃┃┃┃┃   文

どうやっても画像の間に文が入ってしまいます
こんなブスに御教授下さい
初心者なので詳しく御願い、いたします


2006-07-11 16:32の質問
ブログ  ライブドア  画像    
ライブドアブログ
ライブドアブログ のホームページはこちらです
blog.livedoor.com/
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2006-07-11 17:00:37ベター
シンプルエディタを使われていて、「さらに詳しく設定する」をクリックすると表示される「投稿フォームの設定」を「改行しても反映しない」に設定しているものとします。

HTMLのimgタグの中に align="left" を追加して、imgタグに続けて文章を書きます。そして、文章の後に、<br clear="left/>を付けます。これを画像の個数分だけ繰り返すと、希望されるレイアウトになるかと思います。

例)
<img src="http://image.blog.livedoor.jp/xxx/.../image1.jpg"   (中略 ) align="left" />文1<br clear="left"/>
<img src="http://image.blog.livedoor.jp/xxx/.../image2.jpg"   (中略 ) align="left" />文2<br clear="left"/>

もし、「投稿フォームの設定」を「改行をそのまま反映」に設定していると、この書き方では画像の間に空行ができてしまいます。

もし、画像間の空行を除きたい場合は、次のどちらかで回避してください。
 ・ <br clear="left"/>の後に改行せずに次のimgタグを書く
 ・「投稿フォームの設定」を「改行しても反映しない」に設定する。この場合は、改行してもブログの記事では改行されずに表示されるので、改行したい場所で<br/>を書く必要があります。
回答レベル : 回答

ありがとうございました 何とかできました

Ads By Google

コメント(1)

#1.  
2006-07-11 18:59:24

無事に実現できてよかったです。
よろしければ、この回答を解決済みにしていただけないでしょうか。よろしくお願いします。

トラックバック(2)

トラックバックURL: