Ads By Google
ブログの左側に2枚の写真を縦に並べたいのですが
ライブドア ブログを使用していますが、2枚の画像をアップロードすると横に2枚並んでしまいます。HTMLを見ると最後の方にleftの表記が見られますが、そこをどうにかすると、縦になりますでしょうか?教えてください。
2007-03-10 16:58の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
2.
2007-03-10 18:25:29

HTMLは、「HTMLを確認」にチェックを入れて表示したのでしょうか?
その場合、画像表示のHTMLタグは、サムネイルでなければ、次のようになっています。
サムネイル表示の場合は、次のようです。
この中の
これを削除すれば、画像が一つの文字のように扱われるようになり、次のものが右側に回り込むことはなくなります。
文章を次に続けた場合は、
画像の後で改行すれば、
画像、改行、画像と入力すれば
この方法は、画像の横の回り込みを完全になくしてしまう方法ですが、任意のところでその効力を無くすこともできます。
「align="left"」を削除しなくとも、
「align="left"」を付けたまま、画像、文章、改行、文章、<br clear="all">、画像と入力すれば、
これらの作業は、「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
コメント
まだコメントがありません



