テキストの回りこみについて

Tableのことについてお教えください。

Tableの中の左上に画像を固定して、その右に文章を入れたいと思っています。
文章が長いので画像の下に回りこむようにしたいのですが、うまくできないのです。
画像だけだったら左に固定すれば簡単にできますが、画像の下に写真の説明の文章を入れたいため、Tableを入れ子にしています。
Tableの中のTableを左上に固定するというのは、できるのでしょうか？

基本的なことかもしれませんが、ご存知の方がいらっしゃいましたらお教えいただければと思います。
よろしくお願いいたします。

No.3 ベストアンサー 回答者： crepon133 回答日時： 2006/12/07 00:19

<table border="0" cellspacing="0" cellpadding="0" width="150">

<tr>
<td>
<table border="0" cellpadding="2" cellspacing="0" style="float:left;">
<tr>
<td><img src="01.gif" width="64" height="64" border="0" alt=""></td>
</tr>
<tr>
<td align="center">説明</td>
</tr>
</table>
<p>文章文章<br style="clear:both;"></p></td>
</tr>
</table>

この回答へのお礼

こんなに簡単なことだったのですね。
助かりました。ありがとうございました。

お礼日時：2006/12/07 09:18

No.2 回答者： goldfox 回答日時： 2006/12/06 18:19

<p style="float:left;background-color:#ffefee;margin-right:5px;"><img src="" height=50 width=50 border=1 alt=""><br>説明文</p>

<p>
float:left　で画像と説明文の入ったP要素の左に後続を回りこませる。<br>
background-color:　分かりやすいように背景色を付けてみる。<br>
margin-right:　P要素の右側に余白を設けてある。消すなり増やすなり事由に。<br>
alt=""　alt属性は必須。<br>
文章<br>
文章<br>
文章<br></p>
<p style="clear:both;">回り込み解除</p>

参考URL：http://www.tagindex.com/stylesheet/img/float.html

この回答へのお礼

分かりやすくご説明いただき、ありがとうございました。

お礼日時：2006/12/07 09:17

No.1 回答者： -ria- 回答日時： 2006/12/06 17:56

余計なお世話かもしれませんが、テーブルの中にテーブルを入れると、読み込みに時間がかかる＆環境によってはきちんと表示されないため、おすすめできません。

そもそも、テーブルを使う必要はあるのでしょうか？
普通にIMGのalignを設定すれば回り込みはできると思うのですが…

この回答へのお礼

勉強不足でした。すみませんでした。

お礼日時：2006/12/07 09:16