bear blog

　現在のAsabloでは画像挿入が可能である。原則は各タイトルのトップ左側に固定され、サイズは最大300ピクセルとなっていて、画像の右側は空白となる。ここで「スタイルシートのfloat-コマンドを用いると、画像位置は左右いずれかに配置でき、文章の回りこみも可能となる」との解説があった。この方法を用いると画像の配置場所はタイトルトップの右側か左側かのいずれかに固定されてしまう。
　しかし、文章の性格によって画像位置を左右位置のいずれでも自由に選びたいことや、文章途中の任意位置に配置したいこともある。
　したがって、ここでは画像をタイトルトップ左側に配置する場合はAsabloの画像挿入方法を用い、その他の場合は原則としてWebサーバーにある画像にリンクし、これをbox内に置いて目的を達しようとするものである。
　以下では、多少スタイルシートの知識のある者ならば、簡単に実現できる事柄であるが、ここでの提案による画像配置の２・３例を示しておく。

画像の右側配置（文章の回りこみ無し）

　この下に示したコーディングリストの中でアンダーラインで示した部分が画像を包含するborder-widthが"0"のboxである。このboxが画面の右端に配置されている。

画像の右側配置（文章の回りこみあり）

　上の例でのboxの幅を広げ（画像の幅から最大100%まで）、この中に画像を右側にfloating配置する。そこに回り込ませる文章を配置すればよい。

画像の中央配置

複数個の画像を１行に配置

　１行に表示する画像の幅の合計以上のの幅を持つboxを作成し、この中に順に画像を配置して行けばよい。boxの幅は実際には合計よりも大幅に広くしておく必要がある（理由は分からない）

複数個の文章回りこみ画像を１行に配置

　これを実現させる方法は複数ある。ここでは全体を含むboxを設定し、その中に個々のboxを包含さ せている。個々のboxでは画像とそれに文章を回りこませていて、どちらか一方をfloatコマンドで固 定している。