Fusionner deux cellules de table HTML

Je crée une table en HTML et j'aimerais que ma cellule supérieure soit la largeur de deux. Voici un dessin approximatif: 

__________________________________________
|                HEADER                  |
|                                        |
==========================================
|                  ||                    |
|     CONTENT      ||       CONTENT      |
|                  ||                    |
------------------------------------------

Y a-t-il un moyen d'accomplir cela en HTML?

57
demandé sur Brian Tompsett - 汤莱恩 2010-12-03 06:54:48

3 réponses

Définissez l'attribut colspan sur 2.

...mais Veuillez NE PAS utiliser de tables pour layout .

109
répondu icktoofay 2014-08-07 03:40:05

Ajouter un attribut colspan (abbriviation pour la colonne 'span') dans votre cellule d'en haut (<td>) et définissez sa valeur à 2. Votre table devrait ressembler à ce qui suit; 

<table>
    <tr>
        <td colspan = "2">
            <!-- Merged Columns -->
        </td>
    </tr>

    <tr>
        <td>
            <!-- Column 1 -->
        </td>

        <td>
            <!-- Column 2 -->
        </td>
    </tr>
</table>
97
répondu Mudassir 2013-06-05 09:56:06

Utilisez colspan pour faire ceci 

 <td colspan="3">PUR mix up column</td>
1
répondu Smoke 2014-06-14 06:00:21