[HTML] Fusion de tableaux.

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

La fusion dans un tableaux.

Coucou ! Me voici avec un petit tuto portant que la fusion de cellule dans un tableaux, chose très utile dans la réalisation de page d'accueil par exemple !

Pour les fusions, il faut déjà avoir lu le tutoriel sur les tableaux. Une fois ceci lu, nous pouvons commencer !
Beaucoup de personnes ne savent pas ce que c'est qu'une fusion dans le html. Une fusion, c'est le faîte de "réunir" deux colonnes, de les fusionner pour en donner qu'une de taille plus grande. Les fusions se font horizontalement et verticalement. Voici un exemple de fusion:
Spoiler:
Pour réaliser une fusion horizontale on utilise ce code:

Code:

<td colspan="nombre de cellules à fusionner">
Pour réaliser une fusion verticale, on utilise ce code:

Code:

<td rowspan="nombre de cellules à fusionner">
Nous allons, faire la base d'une page, que voici:
Spoiler:
Commençons !

Code:

<table>
#CONTENUE#
</table>

Nous allons faire le code, pour débuter sans les fusions.
Il y à 3 lignes, et deux colonnes.

Code:

<table border=1>
<tr><td>texte</td><td>texte</td></tr>
<tr><td>texte</td><td>texte</td></tr>
<tr><td>texte</td><td>texte</td></tr>
</table>

Passons à la première fusions, le haut. Nous devons fissionner les deux colonnes.

Code:

<table border=1>
<tr><td colspan=2>texte</td></tr>
<tr><td>texte</td><td>texte</td></tr>
<tr><td>texte</td><td>texte</td></tr>
</table>

Ensuite, nous devons fusionner la première cellule de la seconde ligne avec celle du bas.

Code:

<table border=1>
<tr><td colspan=2>texte</td></tr>
<tr><td rowspan=2>texte</td><td>texte</td></tr>
<tr><td>texte</td></tr>
</table>
Et voilà, notre code (la base du code) est réalisé, un peu de css et vous aurez une très joli code !
IMPORTANT: N'oublier par lors d'une fusion, de supprimer la cellule lors d'une fusion, si par exemple vous fusionnez deux cellules en une, alors on ne doit avoir qu'un seul :

Code:

<td>texte</td>

Tutoriels par Bequiem
Toute reproduction non autorisée est passible de poursuite. Aucune reproduction possible sans mon accord, conformément à l’article L122-1 du CPI.

Messages : 2 Date d'inscription : 04/11/2011

Merci du partage mais vaut mieux utiliser les DIV de nos jours ;)

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Derien, et oui je confirme mieux vaut ^^

» [Codage]Faire des tableaux

[HTML] Fusion de tableaux.

[HTML] Fusion de tableaux.

Sujets similaires

Sujets similaires