テーブル(表)を２つ横に並べて表示する方法教えて下さい。

質問

HPでテーブルタグを使い、カレンダーを作っているのですが、２月（ふたつき）分表示させたいのです。
縦には並べられるのですが、横に並べる方法がわかりません。
月と月の間は、余白を持たせたいのですが、どうすればよいのか教えて下さい。

説明不足の場合は随時補足しますので、よろしくお願い致します。

回答No.2

shy00 · ベストアンサー

回り込みさせる方法もありますが、tableの中にtableを組んでしまうほうが
月と月の間は、余白を持たせたいとのことなので、きれいに出来るかも知れません

<table>
<tr>
<td>
<table border="1">
<tr>
<td>○月カレンダー</td>
<tr>
</table>
</td>
<td>適当なスペースもしくは透明GIFファイル</td>
<td>
<table border="1">
<tr>
<td>△月カレンダー</td>
<tr>
</table>
</td>
</tr>
</table>

回り込みをする場合は
<table>
</table>
<br clear="right">
<table>
</table>
としてください

お礼

shy00さん、お返事遅くなってしまいすみません。
ありがとうございました。

教えていただいた、tableの中にtableを組込む方法でできました。
でも、空白のみを入れることはできないようですね。
絵を入れてごまかしました。（透明GIFファイルを入れればうまくいきそうですが）

どうもありがとうございました。

回答No.5

shy00

＞空白のみを入れることはできないようですね

出来ますよ
<td>適当なスペースもしくは透明GIFファイル</td>
の部分に必要個数分の「&nbsp;」を入力してください
　&nbsp;は実体参照文字で半角スペース

補足

shy00さん、ありがとうございました。
入れることはできたのですが、「&nbsp;」はmacパソコンやNNなどでもちゃんと表示されるのでしょうか？

回答No.4

nuruhho44

まことに申し訳ないです。あれでうまくいくのＩＥだけでした。より厳密な解釈をするＮＮですと、横には来ますがテーブルのサイズが指定できなくなってしまいます。

で、次なる方法として、左側のテーブルの<TABLE>タグに

<TABLE style="float : left;">

と入れてみてください。

ＮＮ・Ｏｐｅｒａはいいのですが、今度はＩＥだけ少し隙間が開きます。なかなかうまくはいかないもんです。

やっぱりテーブルの入れ子が確実ですね。

お礼

nuruhho44さん、お返事遅くなってしまいすみません。
ありがとうございました。

shy00さんに教えていただいた、tableの中にtableを組込む方法でできました。
でも、空白のみを入れることはできないようですね。
絵を入れてごまかしました。

どうもありがとうございました。

回答No.3

nuruhho44

あまり一般的ではないので、ご参考程度に。

横並べしたいテーブルの両方の<TABLE>タグ内に

<TABLE style="display : inline;">

と入れてみてください。

これによってどんな弊害が出るのかどうかはわかりません。<DIV>タグでやってみたことはあるんですが、特に問題はなかったです。

回答No.1

ombre

表の中で、セルを横分割するのでは 駄目なのでしょうか？

お礼

ombreさん、お返事遅くなってしまいすみません。
アドバイスありがとうございました。
分割では、罫線が出てしまい、部分的に枠を消すのは無理のようでした。
shy00さんに教えていただいた、tableの中にtableを組込む方法でできました。
どうもありがとうございました。