SELFHTML/Quickbar
HTML
Tableaux
![]() |
Relier des cellules |
![]() |
|
![]() |
Vous pouvez relier plusieurs cellules dans une ligne de façon à ce qu'une cellule de cette ligne s'étende sur plusieurs colonnes.
<table border> <tr> <th colspan=2>contenu d'une cellule qui s'étend sur 2 colonnes</th> </tr> <tr> <td>contenu de la première cellule sous la cellule agrandie</td> <td>contenu de la deuxième cellule sous la cellule agrandie</td> </tr> </table> |
Avec l'attribut colspan= [nombre de colonnes ] vous obtenez qu'une cellule s'étende sur plusieurs colonnes (colspan = column span = tendre des colonnes). La mention n'est efficace que si le tableau comprend au moins autant de colonnes qu'il est mentionné.
Si vous reliez dans une ligne de tableau par exemple des cellules sur quatre colonnes, vous devez définir dans les autres lignes du tableau non pas une mais quatre cellules distinctes. La somme des colonnes dans chaque ligne du tableau doit être la même.
![]() ![]() |
Vous pouvez relier plusieurs cellules dans une colonne de façon à ce qu'une cellule de cette colonne s'étende sur plusieurs lignes.
<table border> <tr> <th rowspan=2>contenu d'une cellule qui s'étend sur 2 lignes</th> <td >contenu de la première cellule à côté de la cellule agrandie</td> </tr> <tr> <td>contenu de la deuxième cellule à côté de la cellule agrandie</td> </tr> </table> |
Par l'attribut rowspan= [nombre de lignes] vous obtenez qu'une cellule dans une colonne s'étende sur plusieurs lignes (rowspan = tendre des lignes). La mention n'est efficace que si le tableau comprend au moins autant de lignes qu'il est mentionné.
Si vous reliez par exemple dans une colonne de tableau une cellule sur quatre lignes, vous devez définir dans la même ligne le contenu de la première cellule à côté de la cellule agrandie. Dans les trois lignes suivantes les trois autres cellules voisines de la cellule agrandie sont également à définir.
![]() ![]() |
Vous pouvez définir des cellules qui s'étendent à la fois sur plusieurs lignes et sur plusieurs colonnes.
<table border> <tr> <th colspan=2 rowspan=2>contenu de la cellule sur deux lignes et sur deux colonnes</th> <td>contenu de la première cellule à côté de la cellule agrandie</th> </tr> <tr> <td>contenu de la deuxième cellule à côté de la cellule agrandie</td> </tr> <tr> <td>contenu de la première cellule sous la cellule agrandie</td> <td>contenu de la deuxième cellule sous la cellule agrandie</td> <td>contenu de la troisième cellule sous la cellule agrandie</td> </tr> </table> |
Vous pouvez combiner les attributs colspan= [nombre de colonnes ] et rowspan= [nombre de lignes ] dans une cellule. Cela vous permet d'étendre la cellule sur plusieurs lignes et sur plusieurs colonnes.
![]() | |
après:![]() |
![]() |
avant:![]() |
![]() |
SELFHTML/Quickbar
HTML
Tableaux
Serge François, 13405@free.fr