- ベストアンサー
テーブル内の画像に文章を回り込ませる方法
サイトを作っているのですが、同じテーブ，セル内に写真と文章をいれると、上下に分かれてしまいます。文章がうまく横から下に回り込むようにするにはどういった、ソースを書く必要があるのですか？どなたかわかりましたら、わかりやすく説明していただけるでしょうか。 出来れば例文などを一例あげていただけるとうれしいのですが、 よろしくお願いいたします。
- club55room
- お礼率81% (31/38)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
回り込みと言っても色々なパターンがありますから， 次の参考URLなどを参考にしてみてください。 「HTML講座（画像）」 http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp8.html >> 出来れば例文などを一例あげていただけるとうれしいのですが こんな感じでどうでしょうか↓。 -------------------------------------- <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> --------------------------------------
その他の回答 (1)
- kaiwarepon
- ベストアンサー率49% (47/95)
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>
お礼
お礼が遅くてすいません。 色々と質問を検索したのですが、よいものが みつからず、参考になりました。
お礼
丁寧にリンクやソースまで書いて頂きありがとうございました。 初心者ですので本当に助かります。 お礼が遅くなって申し訳ありませんでした。