web-dev-qa-db-fra.com

Faire un <td> sur toute la ligne d'un tableau

Je ne suis pas nouveau en HTML mais je n'y ai pas touché depuis un bon moment et j'ai rencontré un problème ennuyeux.

J'ai une table avec deux rangées.
Je veux que la première ligne ait une colonne - signifie qu'elle s'étendra sur toute la ligne, et je veux que la deuxième ligne ait trois colonnes, chacune 33,3% de la largeur de la ligne.

J'ai ce code pour la table:

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

Mais ce qui se passe est bizarre, la première ligne a une colonne de la même taille que la première colonne de la deuxième ligne, et chaque fois que je change l'une, elle change aussi l'autre.

Si je donne <td> À la première ligne, la valeur de largeur de 500px Permet de dire que cela définit la première <td> De la deuxième ligne à la même taille.

Qu'est-ce que je fais mal ?

htmlhtml-table
30
Nadav Peled

Vous devez utiliser l'attribut colspan sur le td de la première ligne.
Colspan="3" définira la cellule sur trois colonnes.

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

Vous souhaitez utiliser l'attribut colspan comme ceci:

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

Vous pouvez utiliser colspan

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

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

3
armen.shimoon

Utiliser colspan comme ceci:

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

Par colspan, vous fusionnez les cellules suivantes dans une rangée. Si vous utilisez 2 dans votre échantillon, vous obtenez une cellule avec une largeur des deux premières colonnes et la troisième est la troisième du reste du tableau.

1
Christian

modifier la première ligne avec le dessous

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