2つのテーブルを横に並べたいのですが・・・

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



0   名前: つくね : 2006/03/25 13:24
2つのテーブルを横に空間を開けて表示させたいんですが、
どうしても上か下に移動してしまいます。
どうすればよいのでしょうか。


1   名前: カヅサツ : 2006/03/25 13:24  [URL
CSS の floatプロパティを使いましょう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<style type="text/css">
table.doraemon{
margin-right: 1%;
width: 40%;
float: left;
}
</style>
</head>
<body>
<table class="doraemon"></table>
<table class="doraemon"></table>

</body>
</html>


2   名前: JO : 2006/03/25 13:24
私は初心者というかCSSがわからないのでテーブルタグを3つ使っています。
効率は悪いですが・・・
<table border=0>
<tr><td>

<table border=1>
<tr><td>
</td></tr>
</table>

</td>
<td>

<table border=1>
<tr><td>

</td></tr>
</table>

</tr></table>

と。

一覧へ戻る