メニューの部分にテキストを書く

メニューの下にちょっとテキストを書くこともあるでしょう。またバナーを貼り付けたりということもあるでしょう。このページの右側は以下のように書かれています。

<div class="b_box">
<h3>テキストの記述その１</h3>
<p>ここにテキストを書きます。</p>
<img src="image/image1.jpg" alt="イメージ" width="198" height="110" />
</div>
<div class="t_box">
<h3>テキストの記述その２</h3>
<p>ここにテキストを書きます。</p>
<img src="image/image2.jpg" alt="イメージ" width="200" height="112" />
</div>

「b_box」と「t_box」という２つのパターンです。あとは普通にテキストを書いていけばよいだけです。また、めいっぱいのイメージを入れる場合には「b_box」のときはイメージの幅は198ピクセルまで。「t_box」のときは幅が200ピクセルまでです。

画像の配置

メニューの部分での画像の配置方法です。このページの右側のHTMLです。

<div class="b_box">
<h3>画像の配置１</h3>
<p><img src="image/image3.jpg" alt="イメージ" width="80" height="80" class="l" />イメージを左側に配置しテキストを右に回りこませます。</p>
<p class="cl">ここで回り込みを解除。</p>
</div>
<div class="t_box">
<h3>画像の配置２</h3>
<p><img src="image/image4.jpg" alt="イメージ" width="80" height="80" class="r" />イメージを左側に配置しテキストを右に回りこませます。<br class="cl" />
ここで回り込みを解除。</p>
</div>