テーブルの見出しがテーブルの行を外に押し出しているのはなぜですか？

Question

見出しなしで、私のテーブルは正常に見えます。私はテーブルの見出しを追加しようとしたが、それはすべての場所を押し込んだ。誰も私にこれを避ける方法を教えてもらえますか？

関連するコード：

<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="white"> 
<th width="80%"> Let's talk about the wall </th> 
<tr> 
<td width="6%" align="center" bgcolor="white"><font face="arial"><strong></strong></font></td> 
<td width="75%" align="center" bgcolor="white"><font face="arial"><strong></strong></font></td> 
<td width="19%" align="center" bgcolor="white"><font face="arial"><strong></strong></font></td> 
</tr> 

そして：

<tr> 
<td bgcolor="white"><font face="arial"></font></td> 
<td bgcolor="white"><a href="view_topic.php?id=<? echo $rows['id']; ?>"><font face="arial"><? echo $rows['topic']; ?></a><BR></font></td> 
<td align="center" bgcolor="white"><font face="arial"></font></td> 
</tr> 

、あなたがこのような 'テスト、' 'slaaa、' などのように表示されるテキスト明確にします - 私はそれが座っている場所の左にずっと遠くに揃えておきたい。それは見出しなしのテーブルを持っているときの座り方だ。

Answer 1

あなたはthをラップtrを逃している、とcolspan

th { 
 
    background: #ccc; 
 
} 
 

 
td { 
 
    background: #aaa; 
 
}

<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="white"> 
 
<tr> 
 
    <th colspan="3"> Let's talk about the wall</th> 
 
</tr> 
 
<tr> 
 
    <td width="6%" align="center" bgcolor="white"> 
 
    <strong>some text</strong> 
 
    </td> 
 
    <td width="75%" align="center" bgcolor="white"> 
 
    <strong>Column 2</strong> 
 
    </td> 
 
    <td width="19%" align="center" bgcolor="white"> 
 
    <strong>Column 3</strong> 
 
    </td> 
 
</tr>