解決済

clip!clip!
Ads By Google

ブログの左側に2枚の写真を縦に並べたいのですが

ライブドア ブログを使用していますが、2枚の画像をアップロードすると横に2枚並んでしまいます。HTMLを見ると最後の方にleftの表記が見られますが、そこをどうにかすると、縦になりますでしょうか?教えてください。

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

回答(1)

2.

2007-03-10 18:25:29ベスト
HTMLは、「HTMLを確認」にチェックを入れて表示したのでしょうか?

その場合、画像表示のHTMLタグは、サムネイルでなければ、次のようになっています。
<img src="http://image.blog.livedoor.jp/***/imgs/*/*/***.JPG" alt="*" class="pict" align="left" border="0" height="**" hspace="5" width="**">

サムネイル表示の場合は、次のようです。
<a href="http://image.blog.livedoor.jp/***.JPG" target="_blank"><img src="http://image.blog.livedoor.jp/***/imgs/*/*/***-s.JPG" alt="*" class="pict" align="left" border="0" height="**" hspace="5" width="**"></a>

この中の
align="left"
が、ご推察のように、画像を左に寄せ、続くものをその右側に回り込ませる設定です。

これを削除すれば、画像が一つの文字のように扱われるようになり、次のものが右側に回り込むことはなくなります。
文章を次に続けた場合は、
┌──┐
│画像│
└──┘文章
という具合になります。
画像の後で改行すれば、
┌──┐
│画像│
└──┘
文章
となります。
画像、改行、画像と入力すれば
┌──┐
│画像│
└──┘
┌──┐
│画像│
└──┘
となります。
この方法は、画像の横の回り込みを完全になくしてしまう方法ですが、任意のところでその効力を無くすこともできます。
「align="left"」を削除しなくとも、
<br clear="all">
とつければ、それまでの回り込みの効力が消えます。
「align="left"」を付けたまま、画像、文章、改行、文章、<br clear="all">、画像と入力すれば、
┌──┐文章
│画像│文章
└──┘
┌──┐
│画像│
└──┘
となります。

これらの作業は、「HTMLを確認」にチェックを入れた状態でもすることができます。
但し、臨時の方法ですから、変更が必要な時だけ使い、変更したらすぐチェックを外して下さい。

HTMLタグを入力する時には、シンプルエディタを使うのが基本です。

「カスタマイズ/管理」→「ブログの設定」→「投稿の設定」で、
「投稿の設定」のページ( )にある「投稿フォームの形式」でシンプルエディタをマークし直して、下の[設定を保存する]をクリックして下さい。
投稿フォームの形式 ●  シンプルエディタ  ○ WYSIWYGエディタ
回答レベル : 回答

これ程までにわかり易く説明していただきまして、誠にありがとうございました。心より感謝いたします。

Ads By Google

コメント

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

トラックバック(2)

トラックバックURL: