2014-10-16 3 views
11

Non sono nuovo di HTML ma non l'ho toccato per un po 'di tempo e ho riscontrato un fastidioso problema.Creare un <td> per l'intera riga in una tabella

Ho una tabella con due righe.
Voglio che la prima riga abbia una colonna - significa che occuperà l'intera riga e voglio che la seconda riga abbia tre colonne, ciascuna con il 33,3% della larghezza della riga.

ho questo codice per la tabella:

<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> 

Ma ciò che accade è strano, la prima riga ha una colonna con la stessa dimensione prima colonna della seconda fila, e ogni volta che cambia uno di loro, cambia anche l'altro.

Se fornisco il valore <td> della prima riga di 500px diciamo, imposta la prima riga della prima riga <td> nella stessa dimensione.

Cosa sto sbagliando?

risposta

22

Si consiglia di utilizzare l'attributo colspan sul td prima della riga.
Colspan="3" imposterà la cella per scorrere su 3 colonne.

<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> 
+0

sapevo che mi mancava qualcosa ... Grazie mille! –

4

si desidera utilizzare l'attributo colspan in questo modo:

<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>

0

Utilizzando colspan come questo:

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

Con colspan si uniscono i seguenti celle a una riga a uno. Se si utilizza 2 nel campione, si ottiene una cella con una larghezza delle prime due colonne e la terza come terza nel resto della tabella.

0

alterare la prima fila con il sottostante

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