68 votes

Fusionner les cellules du tableau

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?

120voto

icktoofay Points 60218

Définissez l'attribut colspan sur 2.

... mais n'utilisez pas de tableaux pour la mise en page .

110voto

Mudassir Points 8017

Ajoutez un attribut colspan (abbriviation pour 'column span') dans la 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>
 

3voto

Smoke Points 334

utilisez colspan pour le faire

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X