見だし付きテーブルについて

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前:  : 2005/06/16 13:04
今回は見出し付きテーブルについて質問させて頂きます。
下記ソースのようなテーブルのタイトル部分の色を変更してみたのですがその色の周りに空白が入ってしまいます。
余白部分を無くし、色を付けるにはどの部分を変更すれなようのでしょうか?

【ソース】
<table width="700" cellpadding="0" cellspacing="0">
<tr><td>
<table width="200" cellpadding="5" border="0" style="border-width:1 1 0 1;border-color:black;border-style:solid;">
<tr><td bgcolor="#ffffff">
<b>タイトル</b><br>
</td></tr></table>
<table width="700" cellpadding="15" cellspacing="1" bgcolor="black">
<tr><td class="sample1" bgcolor="white">
内容
</td></tr></table>

ではお願いします^^;

1   名前: カヅサツ : 2005/06/16 13:04  [URL
普通、「表」でないものにテーブルは使いませんので、以下のようにしてみました。
値を変えて遊んでください。


<!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-style-type" content="text/css">
<title></title>
<style type="text/css">
h1{
color: black;
background-color: white;
font-size: 100%;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: black;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}
div#main{
color: black;
background-color: white;
border-width: 1px 1px 1px 1px;
border-style:solid;
border-color:black;
width: 700px;
padding: 15px 15px 15px 15px;
}
</style>
</head>
<body>
<h1>タイトル</h1>
<div id="main">
<p>内容</p>
</div>
</body>
</html>

2   名前:  : 2005/06/16 13:04
有難うございます! 早速試してみたところ見事に表示されました。
やはり殆どの場合テーブルタグと言うものは使わないのですね。
テーブルは重ねなくてもページを重くする要因になるのでしょうか?

追記:
スレッドに関係無く恐縮なのですが無料サーバーでAmazonなどの広告のはりつけを許可しているところはないでしょうか?
有料サーバーに移転する前に少しでも資金を調達できたらな、と思いまして。

3   名前: phpinfo() : 2005/06/16 13:04
レンタルサーバーの規約によります。

4   名前: カヅサツ : 2005/06/16 13:04  [URL
> テーブルは重ねなくてもページを重くする要因になるのでしょうか?

そうではなく、「表」でないのに tableを使うのは、不親切なのでなるべく避けましょうということです。
逆に言えば「表」ならば table を使うべきです(カレンダーのように、広義の意味での表も含めて)。

一覧へ戻る