Réalisation tableau imbriqué

Version imprimable

Bonjour,

Je suis en train de me prendre la tête avec un tableau.

Je voudrais réaliser un tableau comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<table border="1" cellspacing="0" cellpadding="0" width="200">
	<tr>
		<td>
			<table border="1" cellspacing="0" width="100%">
				<tr>
					<td align="center">1</td>
				</tr>
			</table>
			<table border="1" cellspacing="0" width="100%">
				<tr>
					<td align="center">1</td>
					<td align="center">2</td>
					<td align="center">3</td>
				</tr>
			</table>
			<table border="1" cellspacing="0" width="100%">
				<tr>
					<td align="center">1</td>
					<td align="center">2</td>
					<td align="center">3</td>
					<td align="center">4</td>
					<td align="center">5</td>
				</tr>
			</table>
			<table border="1" cellspacing="0" width="100%">
				<tr>
					<td align="center">1</td>
					<td align="center">2</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Sans passer par les tableaux imbriquer

Est-il possible?

Je vous remercie
Max

Bonjour,

Il va falloir un jour que tu apprennes à coder... :weird:

Voir : colspan / rowspan*
* Je t'ai déjà mis un lien concernant les tableaux (X)HTML.

1-3-5-2 cases : le plus petit dénominateur commun est 30 !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<table border="1" cellspacing="0" cellpadding="0" width="200" style="text-align:center;">
  <tr>
    <td colspan="30">1</td>
  </tr>
  <tr>
    <td colspan="10">1</td>
    <td colspan="10">2</td>
    <td colspan="10">3</td>
  </tr>
  <tr>
    <td colspan="6">1</td>
    <td colspan="6">2</td>
    <td colspan="6">3</td>
    <td colspan="6">4</td>
    <td colspan="6">5</td>
  </tr>
  <tr>
    <td colspan="15">1</td>
    <td colspan="15">2</td>
  </tr>
</table>

Alors que pour 1-3-6-2 cases : le plus petit dénominateur commun est 6 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table border="1" cellspacing="0" cellpadding="0" width="200" style="text-align:center;">
	<tr>
		<td colspan="6">1</td>
	</tr>
	<tr>
		<td colspan="2">1</td>
		<td colspan="2">2</td>
		<td colspan="2">3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
		<td>6</td>
	</tr>
	<tr>
		<td colspan="3">1</td>
		<td colspan="3">2</td>
	</tr>
</table>

3- Il faut aussi apprendre à faire de la mise en page avec des <div>, voire avec Bootstrap -> Bootstrap Grid system (la "grille" Bootstrap est de 12)

17/09/2019, 11h34
apdf1

Bonjour

Bon je suis d'accord j'ai des progrès à faire OK.

Si j'ai bien compris.
Au départ on prend colspan30

On le divise en 3, puis en 5 en 2 ect...

Je te remercie

Max
17/09/2019, 22h54
psychadelic

il y a aussi le display table en css, sinon utiliser un grid system...