画像の右配置 ― 2005年07月07日 14:42
画像への文字の回りこみを行う方法についてはEastValleyさんが解説されている。
その方法を用いて右側に配置した画像の左側に文字を回りこませる例は既に載せてある。
しかし、文字の回りこみが可能な環境の中で、画像だけを単独で配置したい場合もあろう。その例をここに載せた。それには
- 画像を左右いずれの側に置くかにより、スタイルシートの中で"float"コマンドで指定する
- 記事本文作成のとき、画像の横に回りこませたくない段落等を"span"コマンド等で囲む。すなわち
<sapn style="clear:right(または both でもよい);">
本文を書く (ここの例ならば「画像への文字の回りこみを行う・・・・」)
</span>
但し、現時点では画像を左右いずれかへの配置を決めると、それと反対側への画像配置の方法が思いつかない(私の考えが及ばないのかも知れないのだが)。
スタイルシート変更に伴う変更点(2005/07/14 追加)
私のブログ内での画像の表示方法について、スタイルシートを変更した。これに伴い本項目はスタイルシート変更後には、単純に画面最上部に左寄せで配置される(これはアサブロの画像挿入のdefault styleである)。 表題の通り画像を右配置するためには、
<div style="width:写真の横幅; margin:0px 0px 0px auto;" />
<img src="サーバーにある写真のURL">
</div>
とすればよい。<img src="サーバーにある写真のURL">
</div>
<例>
最近のコメント