Machen Sie eine überspannen die gesamte Zeile in einer Tabelle

Question

Ich bin nicht neu in HTML, aber habe es nicht für eine gute Zeit berührt und ich habe ein lästiges Problem aufgetreten.

Ich habe eine Tabelle mit zwei Zeilen.
Ich möchte die erste Zeile eine Spalte haben - bedeutet, dass es die gesamte Zeile umfasst, und ich möchte, dass die zweite Zeile drei Spalten hat, jeder 33,3% der Zeilenbreite.

Ich habe diesen Code für die Tabelle:

<table width="900px" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td align="center">check</td> 
    </tr> 
    <tr> 
     <td align="center">check</td> 
     <td align="center">check</td> 
     <td align="center">check</td> 
    </tr> 
</table> 

Aber was seltsam passiert ist, hat die erste Zeile eine Spalte mit der gleichen Größe wie die ersten Spalte der zweiten Reihe, und immer, wenn ich einen von ihnen zu ändern, es ändert auch den anderen.

Wenn ich die <td> der ersten Zeile geben die Breite Wert von 500px lässt sagen, es setzt die erste Zeile <td> der zweiten Zeile auf die gleiche Größe.

Was mache ich falsch?

Answer 1

Sie die in der ersten Zeile des td colspan Attribut verwenden soll.
Colspan="3" wird die Zelle über 3 Spalten fließen lassen.

<table width="900px" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td align="center" colspan="3">check</td> 
    </tr> 
    <tr> 
     <td align="center">check</td> 
     <td align="center">check</td> 
     <td align="center">check</td> 
    </tr> 
</table> 

Answer 2

können Sie verwenden colspan

<td align="center" colspan="3">check</td> 

http://www.w3schools.com/tags/att_td_colspan.asp

Answer 3

Sie wollen das colspan Attribut wie folgt verwenden:

<table width="900px" border="0" cellspacing="0" cellpadding="0"> 
 
    <tr> 
 
     <td align="center" colspan="3">check</td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center" >check</td> 
 
     <td align="center">check</td> 
 
     <td align="center">check</td> 
 
    </tr> 
 
</table>

Answer 4

Mit colspan wie folgt aus:

<tr> 
     <td align="center" colspan="3">check</td> 
    </tr> 

von colspan Sie die folgenden Zellen verschmelzen in eine Reihe zu eins. Wenn Sie in Ihrem Beispiel 2 verwenden, erhalten Sie eine Zelle mit einer Breite der ersten beiden Spalten und die dritte ist als dritte im Rest der Tabelle.

Answer 5

ändern Sie die erste Zeile mit dem unter

<tr> 
    <td colspan="3" align="center">check</td> 
</tr>