web-dev-qa-db-fra.com

Fusionner deux cellules de tableau HTML

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

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

Est-il possible d'accomplir cela en HTML?

htmlhtml-table
57
esqew

Définissez l'attribut colspan sur 2.

... mais veuillez ne pas utiliser de tableaux pour la mise en page .

111
icktoofay

Ajoutez un attribut colspan (abbriviation pour 'column span') dans votre cellule supérieure (<td>) et définissez sa valeur sur 2. Votre table doit ressembler à la suivante;

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

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

        <td>
            <!-- Column 2 -->
        </td>
    </tr>
</table>
99
Mudassir

utilisez colspan pour le faire

 <td colspan="3">PUR mix up column</td>
1
Smoke