今回から、数回にわたってサイトを3カラム風にしてみようと思います。

3カラム風にしたプロチューNAVIを見る

残念ながら、QHMは3カラムサイトをサポートしていないようです。そこで、プロチューサイトでは、記事本体の右側に200PXの画像リンクボタンを並べて配置することによって、3カラムっぽく見えるようにしてあります。

つまり、画像の縦幅とその右側に配置するテキストの行数(正確には長さですね)をそろえることで、3段あるように見せているわけです。

注意深く見ると、右側の画像の下端と、その左側にあるテキストの下端がそろっていることに気づくはずです。

おまじないの関係上、画像の途中で、見出しラベルとテキストを配置することは可能ですが、テキストの途中で画像を変える事はできません。

従って、テキスト群の縦幅に合わせて、画像の縦幅を調整する、あるいはその逆に画像の縦幅にあわせてテキストの量を調整することが必要です。

次回からオブジェクト別に、右側に配置してその左側にテキストを回りこませる方法を紹介します。