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

質問

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

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

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

回答No.3

crepon133 · ベストアンサー

<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>

お礼

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

回答No.2

goldfox

<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

お礼

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

回答No.1

-ria-

余計なお世話かもしれませんが、テーブルの中にテーブルを入れると、読み込みに時間がかかる＆環境によってはきちんと表示されないため、おすすめできません。
そもそも、テーブルを使う必要はあるのでしょうか？
普通にIMGのalignを設定すれば回り込みはできると思うのですが…

お礼

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