ＨＰを作っています／テーブルを並べるタグについて

テーブルを隣同士に並べたいのですが、
大きさが違うと小さい方と大きい方のバランスが合わなくなってしまいます。
頭の部分は合わせて、大きい方は下を伸ばす形にしたいのですが…

たすけてください。

No.2 ベストアンサー 回答者： _akane 回答日時： 2006/01/30 10:43

こんな感じでよいですか？

<table border="0" width="700">
<tr><td valign="top">
<!-- 左側のテーブルstart -->
<table width="330" border=1>
<tr>
<td width="30" height="30"></td><td width="150"></td><td width="150"></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td>
</tr>
</table>
<!-- 左側のテーブルend -->
</td>
<td valign="top">
<!-- 右側のテーブルstart -->
<table width="330" border=1>
<tr>
<td width="30" height="30"></td><td width="100"></td><td width="100"></td><td width="100"></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td><td></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td><td></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td><td></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td><td></td>
</tr>
<tr>
<td height="30"></td><td></td><td></td><td></td>
</tr>
</table>
<!-- 右側のテーブルend -->
</td></tr>
</table>

この回答へのお礼

お礼遅くなってすみません。
非常に分かり易い例、どうも有難う御座います。
無事解決致しました。

お礼日時：2006/02/01 21:03

No.1 回答者： radiguet 回答日時： 2006/01/29 20:03

<td colspan="結合するセルの数"><rowspan="結合するセルの数">でテーブルのセルを結合できます。

あと、<td valign="top">で中身を上部によせ、<td align="left">で左よせにできます。valign alignは他にcenterとrightも指定できます。
<!--例-->
<table width="200" border="1" bordercolor="#999999">
<tr>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

この回答へのお礼

お礼が遅くなって大変申し訳ありません。
分かり易い解説どうも有難う御座います！助かりました

お礼日時：2006/02/01 15:29