Tableau avec des cellules imbriquées

**MonOncle** · 15/11/2006, 18h12

Bonjour,
Est-il possible de faire un tableau avec des cellules imbriquées les unes dans les autres comme dans le fichier joint?

J'ai cherché partout sur le forum et partout il est dit d'utiliser la fonction "RowSpan", mais je ne réussi jamais à faire le genre d'imbrication désiré. Ça fonctionne pour la cellule du coin supérieur/gauche, mais pas pour celle du coin inférieur/droit.

Merci beaucoup pour votre aide!

**Akramweb** · 15/11/2006, 18h21

bonjour,
la maximum que tu peux faire c'est sa:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<html>
<head>
<title>test</title>
</head>
<body>
<table width="627" height="247" border="1">
  <tr>
    <td rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="64">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="2">&nbsp;</td>
  </tr>
 
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

**MonOncle** · 15/11/2006, 18h51

Merci Akramweb!

Si j'ai bien compris, il est impossible d'avoir les grandeurs demandées quand on introduit des "rowspan" sur deux colonnes différentes.

J'avais déjà ceci:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
	<title></title>
</head>
 
<body>
	<table width="400" height="300" border="1">
		<tr>
			<td width="100" height="150" rowspan="3">&nbsp;</td>
			<td width="300" height="10">&nbsp;</td>
		</tr>
		<tr>
			<td width="300" height="10">&nbsp;</td>
		</tr>
		<tr>
			<td width="300" height="280" rowspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td width="100" height="150">&nbsp;</td>
		</tr>
	</table>
</body>
 
</html>

Mais le résultat est loin de ressembler aux mesures données.

Y aurait-il une autre méthode, à part les 'frames'?

Merci!

**Bisûnûrs** · 15/11/2006, 22h56

Oui, les div :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div style="height:100px;width:500px">
   <div style="float:left;width:100px">
      <div style="height:45px">
      </div>
      <div style="height:55px">
      </div>
   </div>
   <div style="float:left;width:400px">
      <div style="height:20px">
      </div>
      <div style="height:10px;line-height:10px;font-size:2px">
      </div>
      <div style="height:70px">
      </div>
   </div>
</div>

Tableau avec des cellules imbriquées

HTML

Vue hybride

Discussions similaires

Partager

Partager