Fusion de cellule dans un tableau html
Dbuteur
-
Utilisateur anonyme -
Utilisateur anonyme -
Hello tout le monde,
J'ai un grand problème lors de la création d'un tableau en html :
<html>
<title>
Exercice Numéro 1
</title>
<style>
table{
border : 2px solid black;}
</style>
<body>
<table border=3px>
<thead>
<tr>
<td colspan="5"> Ceci est un titre </td>
</tr>
</thead>
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
<td> 4 </td>
<td> 5 </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> 1 </td>
<td colspan="2" rowspan="2"> 2 </td>
<td > 3 </td>
</tr>
<tr>
<td bgcolor=#FF0000 > 3 </td>
</tr>
<tr>
<td colspan="2"> 1 </td>
<td colspan="2"> 2 </td>
<td bgcolor=#FF0000 > 3 </td>
</tr>
<tr>
<td colspan="5"> C'est la dernière ligne </td>
</tr>
</table>
</body>
</html>
Je souhaite en fait fusionner les deux cellule avec le bgcolor en FF0000 sans passer par rowspan. du moment que c'est la seule cellule sur cette ligne, une fois on la fusionne, la ligne devient vide et elle est supprimer !
Help pleaaaaaaaaaaase
J'ai un grand problème lors de la création d'un tableau en html :
<html>
<title>
Exercice Numéro 1
</title>
<style>
table{
border : 2px solid black;}
</style>
<body>
<table border=3px>
<thead>
<tr>
<td colspan="5"> Ceci est un titre </td>
</tr>
</thead>
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
<td> 4 </td>
<td> 5 </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> 1 </td>
<td colspan="2" rowspan="2"> 2 </td>
<td > 3 </td>
</tr>
<tr>
<td bgcolor=#FF0000 > 3 </td>
</tr>
<tr>
<td colspan="2"> 1 </td>
<td colspan="2"> 2 </td>
<td bgcolor=#FF0000 > 3 </td>
</tr>
<tr>
<td colspan="5"> C'est la dernière ligne </td>
</tr>
</table>
</body>
</html>
Je souhaite en fait fusionner les deux cellule avec le bgcolor en FF0000 sans passer par rowspan. du moment que c'est la seule cellule sur cette ligne, une fois on la fusionne, la ligne devient vide et elle est supprimer !
Help pleaaaaaaaaaaase
A voir également:
- Tableau html fusion cellule
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
4 réponses
Comment fusionner donc les deux cellules avec bgcolor sans pour autant que la 4eme ligne soit supprimer ?
Le code ci dessus
Par avance, merci
Le code ci dessus
Par avance, merci
J'aurai donc des cellules de plus.
Il y a moyen d'exécuter le code au dessus pour voir ? Parce que je pense qu'il y a pas moyen de fusionner les deux cellules rouges.
Je veux avoir le même résultat + fusionner les cellules rouges
Il y a moyen d'exécuter le code au dessus pour voir ? Parce que je pense qu'il y a pas moyen de fusionner les deux cellules rouges.
Je veux avoir le même résultat + fusionner les cellules rouges
Bonjour
J'ai essayé ton code et j'ai ajouté un "rowspan=2" et supprimé la cellule en-dessous.
Et ça marche MAIS :
Comme tu n'as pas indiqué de hauteur pour les éléments, le navigateur calcule lui-même la hauteur dont il a besoin, et ici il n'a besoin de rien. Il met donc 1 seul pixel (ou quelque chose comme ça ). La ligne n'a pas disparu, elle est seulement très fine. Regarde bien :
Mais si tu donnes une hauteur à tes lignes en ajoutant dans le CSS par exemple :
Tu obtiens le résultat désiré :
J'ai essayé ton code et j'ai ajouté un "rowspan=2" et supprimé la cellule en-dessous.
Et ça marche MAIS :
Comme tu n'as pas indiqué de hauteur pour les éléments, le navigateur calcule lui-même la hauteur dont il a besoin, et ici il n'a besoin de rien. Il met donc 1 seul pixel (ou quelque chose comme ça ). La ligne n'a pas disparu, elle est seulement très fine. Regarde bien :
Mais si tu donnes une hauteur à tes lignes en ajoutant dans le CSS par exemple :
tr{
height:20px;
}
Tu obtiens le résultat désiré :
