Version complète: sur le forum Webmaster Hub : Cellules fusionnées
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
nakata
jeudi 12 janvier 2006 à 21:10
Bonjour,

Je sais faire des tableaux avec des cellules fusionnées simples, mais je ne parviens pas à faire un tableau plus complexe, en cascade, avec des cellules fusionnées par rapport à des cellules qui sont elles-mêmes fusionnées (c'est pour faire le plan de mon site). Je voudrais en fait réaliser le tableau suivant :



Quel serait le bon code ?

D'avance merci...

edit : problème résolu
Dnegel666
vendredi 13 janvier 2006 à 21:08
Ton tableau devez donc resembler à ça :

CODE
<table border="1">
   <tr>
       <td width="50" rowspan="17" align="center" valign="middle">1</td>
       <td width="50" align="center" valign="middle">2</td>
       <td width="50" align="center" valign="middle"></td>
       <td width="50" align="center" valign="middle"></td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">3</td>
       <td width="50" align="center" valign="middle"></td>
       <td width="50" align="center" valign="middle"></td>
   </tr>
   <tr>
       <td width="50" rowspan="7" align="center" valign="middle">4</td>
       <td width="50" align="center" valign="middle">6</td>
       <td width="50" align="center" valign="middle"></td>
   </tr>
   <tr>
       <td width="50" rowspan="5" align="center" valign="middle">7</td>
       <td width="50" align="center" valign="middle">13</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">14</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">15</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">16</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">17</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">8</td>
       <td width="50" align="center" valign="middle"></td>
   </tr>
   <tr>
       <td width="50" rowspan="8" align="center" valign="middle">5</td>
       <td width="50" rowspan="2" align="center" valign="middle">9</td>
       <td width="50" align="center" valign="middle">18</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">19</td>
   </tr>
   <tr>
       <td width="50" rowspan="2" align="center" valign="middle">10</td>
       <td width="50" align="center" valign="middle">20</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">21</td>
   </tr>
   <tr>
       <td width="50" rowspan="3" align="center" valign="middle">11</td>
       <td width="50" align="center" valign="middle">22</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">23</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">24</td>
   </tr>
   <tr>
       <td width="50" align="center" valign="middle">12</td>
       <td width="50" align="center" valign="middle"></td>
   </tr>
</table>
Monique
dimanche 15 janvier 2006 à 14:28
Bonjour,

J'attire l'attention (avec insistance) sur les problèmes d'accessibilité liés à une telle mise en page huh.gif

Discussions à ce sujet :
- Mise en page par tables et accessibilité, possible ou pas?
- lynx et tableau accessible
- tableaux : headers, id, scope

Pour "Faire des tableaux de données accessibles et respectant les standards avec les CSS", un article indispensable : Habillage de tableaux avec des CSS
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.