Tableau avec des cellules imbriquées

Version imprimable

15/11/2006, 18h12
MonOncle

1 pièce(s) jointe(s)

Tableau avec des cellules imbriquées

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!

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

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
 
<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>

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:

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"> </td> <td width="300" height="10"> </td> </tr> <tr> <td width="300" height="10"> </td> </tr> <tr> <td width="300" height="280" rowspan="2"> </td> </tr> <tr> <td width="100" height="150"> </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!

Oui, les div :

Code:

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>