質問

テーブルの横に置きたい

  • テーブルを二つ並べたいのですが
  • テーブルの横に文字や画像を置きたいのですが

回答

二つの方法を提案します。

安直だが分かり易く確実な方法

更に大きなテーブルを作り、片方にテーブルを、もう片方に画像、テーブルや文字などを入れる方法です。

<table>
 <tr>
  <td>
  <table border="1">
   <tr><td>一つ目のテーブル</td></tr>
  </table>
  </td>
  <td>
  文字や画像、テーブルなど
  </td>
 </tr>
</table>

外側と内側のテーブルの幅を調整すれば、結構簡単にレイアウト出来ます。

一見簡単だが確実でない方法

table 開始タグに style="float:left" (左寄せ)又は style="float:right" (右寄せ)を入れます。
そうすると、それを指定した後にあるものが反対方向に回り込みます。

回り込みの解除には、<br style="clear:both"> を使用します。

確実ではないというのは、そのテーブルよりも幅が狭い解像度では左右に並びません。 寄せるスペースに全部とられると、回り込みをする場所が無くなってしまうからです。

編集者

作成 ばあど 2004/05/14


リロード   新規 編集 凍結 差分 添付 複製 改名   トップ 一覧 検索 最終更新 バックアップ   ヘルプ   最終更新のRSS
Last-modified: 2005-11-03 (木) 18:19:32 (4949d)