00 Voix

HTML: Tableau - Fusionner Cellules

Question de MyDVDs | 31/08/2020 à 16:39

J'ai un tableau avec 2 lignes et 2 colonnes, un total de 4 cellules:

<table>
  <tr>
    <td>Cellule 1</td>
    <td>Cellule 2</td>
  </tr>
  <tr>
    <td>Cellule 3</td>
    <td>Cellule 4</td>
  </tr>
</table>

Maintenant, je veux connecter les deux cellules supérieures (la cellule 1 et la cellule 2), car il y aura une longue phrase sur toute la largeur du tableau. Est-ce possible?

RépondrePositifNégatif
0Meilleure Réponse0 Voix

Le mot magique est colspan. Avec colspan, vous définissez le nombre de cellules sur lesquelles une cellule s'étend vers la droite.

Dans votre exemple, ce serait:

<table>
  <tr>
    <td colspan="2">Colonne longue</td>
  </tr>
  <tr>
    <td>Cellule 3</td>
    <td>Cellule 4</td>
  </tr>
</table>

Avec cela, la cellule 1 et la cellule 2 sont connectées à une longue cellule sur deux cellules.

Si vous souhaitez joindre des cellules sous les autres, cela fonctionne avec rowspan. Collez-le simplement dans la première cellule comme c'est également faisable dans l'exemple ci-dessus.
01/09/2020 à 22:32

RépondrePositif Négatif
Répondre

Sujets Connexes

CSS: Comment inclure CSS dans HTML

Tutoriel | 0 Commentaires

Avis Important

Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.

Participer

Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.