4647 sujets

Sémantique web et HTML

Bonjour, es-ce que quelqu'un pourrait m'aider pour faire ce tableau svpl.
C'est un tableau à faire en HTML.
upload/1505144680-67405-tableau.jpg
Voici Mon Code:

<html>


<head>
</head>

<body>

<table border="1" width="80%">

<tr>
<td rowspan="2" colspan="2">1</td>
<td rowspan="4" colspan="2">5</td>
<td colspan="2">6</td>
</tr>

<tr>
<td colspan="2" rowspan="2">7</td>

</tr>

<tr>
<td colspan="2" rowspan="2">2</td>

</tr>

<tr>

<td colspan="2" rowspan="2">8</td>

</tr>

<tr>

<td colspan="3" rowspan="2">3</td>
<td rowspan="2">4</td>

</tr>

<tr>
<td colspan="2">9</td>



</tr>

</table>


</body>
La case 8 est impossible à faire avec un unique tableau. Es-tu bien sûr que c'est un tableau qu'il te faut ?
bzh a écrit :
La case 8 est impossible à faire avec un unique tableau. Es-tu bien sûr que c'est un tableau qu'il te faut ?

Si il suffit de découper en plus petits élément.
upload/1505146786-42161-table.png

@Nynypo Pour moi ton code est bon. c'est un bug avec la taille des cellules du tableau. Une fois fusionnées elles ne gardent pas tout le temps la taille de 2 cellules. Exemple : https://jsfiddle.net/8o7utLxf/1/ normalement on devrait avoir des 2x2 sur la premiere colonne mais la taille ne reste pas.... faut chercher par la plutôt. Pour moi ton code est bon.
Modifié par _laurent (11 Sep 2017 - 18:19)
Bon du coup on peut forcer les tailles sur les cellules : https://jsfiddle.net/8o7utLxf/3/

Mais il reste un bug dans la matrice a cause du 4.... avec tout les colspan et rowspan le tableau se perd et n'en fait qu'a sa tête sur les largeur de colonne... si on rajoute une ligne blanche de base tout en haut pour donner le ton tout rentre dans l'ordre : https://jsfiddle.net/8o7utLxf/4/

Je suis perplexe... en même temps ça m’étonne pas trop, les table c'est vraiment chiant a manipuler quand on veut faire des truc tordus comme ça !!! T'es obligé d'utiliser des tableaux ? Tu as le droit au css ?