本文へジャンプします。

ココログサポート Top>>Questions List>>画像の挿入 (thread)

question

画像の挿入

何枚もの画像を左に文字を右に入れて、反映させて、ブログで見ると
画像が斜めに表示されてしまいます。
どうすれば縦に揃えることが出来ますか。
basic infomations

nn | 2011/06/15 20:56(5117days ago) | permalink | 記事の投稿／管理

Please login to comment.

Re: 画像の挿入
こんにちは。

ちょっと面倒ですが、下記の処理をするときれいに並べることが出来ると思います。

1) 画像は挿入する際に設定画面で＜左（記事の回り込み）＞を選択して挿入する。
参考：■画像を横に並べたい、または画像の横に文字を入れたい
http://cocolog.kaiketsu.nifty.com/faqs/42161/thread
2) 画像の右側に文章が入力出来るので、その画像の説明文を入力する
3) 全ての画像とテキストの入力が終わったら画面を「HTMLの編集」に切り替える
4) 画像の横に入力した文章の後ろに
<br style="clear:both;" />
というタグを挿入する

具体的には

【編集前】
<p><1つめの画像タグ>テキスト</p>
<p><2つめの画像タグ>テキスト</p>
<p>その他のテキスト</p>

という状態になっているとしたら

【編集後】
<p><1つめの画像タグ>テキスト</p>
<br style="clear:both;" />
<p><2つめの画像タグ>テキスト</p>
<br style="clear:both;" />
<p>画像なしテキスト</p>

となるイメージです。

これで
●画像●■テキスト■
●画像●■テキスト■
■テキスト■
というレイアウトになり、画像も左側に揃って表示されるはずです。

尚、画像の位置を調整するのに改行やスペースを使うと、
後でテンプレートを変更した場合にレイアウトが崩れる原因になりますのでご注意ください。
画像の配置は設定画面の＜画像の配置＞で指定するのが確実で安全です。

no-name. | 2011/06/15 21:39(5117days ago) | permalink