テーブル内の画像に文章を回り込ませる方法

解決済

質問者：club55room
質問日時：2006/07/17 12:42
回答数：2件

サイトを作っているのですが、同じテーブ，セル内に写真と文章をいれると、上下に分かれてしまいます。文章がうまく横から下に回り込むようにするにはどういった、ソースを書く必要があるのですか？どなたかわかりましたら、わかりやすく説明していただけるでしょうか。
出来れば例文などを一例あげていただけるとうれしいのですが、
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： sassakun
回答日時：2006/07/17 13:15

回り込みと言っても色々なパターンがありますから，

次の参考URLなどを参考にしてみてください。

「HTML講座（画像）」
http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/h …

>> 出来れば例文などを一例あげていただけるとうれしいのですが

こんな感じでどうでしょうか↓。

--------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>回り込み</title>
</head>

<body>

<table border="2" cellpadding="2" width="200">
<tr>
<td><img border="0" src="http://okwave.jp/images/okwave.gif" width="100" height="40" align="right">こんにちはこんにちは，こちらはOKWaveのバナーです。</td>
</tr>
<tr>
<td><img border="0" src="http://oshiete.goo.ne.jp/search/images/goo.gif" width="71" height="37" align="left">さようならさようなら，教えて！gooのバナーです。</td>
</tr>
</table>

</body>

</html>
--------------------------------------

- 0
- 件

通報する

この回答へのお礼

丁寧にリンクやソースまで書いて頂きありがとうございました。
初心者ですので本当に助かります。
お礼が遅くなって申し訳ありませんでした。

通報する

お礼日時：2006/07/22 08:57

No.2

回答者： kaiwarepon
回答日時：2006/07/17 18:50

CSSのfloatを使います。

<table cellpadding="4" cellspacing="0" border="0">
<tr>
<td width="200">
<img src="image.gif" alt="画像" width="100" height="100" style="float:left;margin-right:4px;">
サイトを作っているのですが、同じテーブ，セル内に写真と文章をいれると、上下に分かれてしまいます。文章がうまく横から下に回り込むようにするにはどういった、ソースを書く必要があるのですか？どなたかわかりましたら、わかりやすく説明していただけるでしょうか。
</td>
</tr>
</table>