テーブルタグの並べ方

[新着] Webテンプレートを仮オープンしました



0   名前: ワン : 2005/12/19 22:47
別々のタグを上の部分を平行に横に間なくくっつけることはできませんか?
http://www.geocities.jp/hatya0313/test.html
ここの上の部分のテーブルタグと下に部分のテーブルタグの下の部分を
上のテーブルタグの横に持ってきて間なく上を平行にしたいのですが、
どうしてもできません。HPを作りたいのですが困っています。
分かる方は教えてください。

1   名前: カヅサツ : 2005/12/19 22:47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
table{
border-collapse: collapse;
width: 100px;
}
table,
td{
color: black;
background-color: white;
border-width: 1px;
border-style: solid;
border-color: black;
}
table#test1{
float: left;
}
hr{
clear: both;
}
</style>
</head>
<body>
<table id="test1">
<tbody>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</tbody>
</table>
<table id="test2">
<tbody>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</tbody>
</table>
<hr>
</body>
</html>

一覧へ戻る