Aller au contenu

Sujets conseillés

Posté (modifié)

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 :

sanstitre15hw.jpg

Quel serait le bon code ?

D'avance merci...

edit : problème résolu

Modifié par nakata
Posté

Ton tableau devez donc resembler à ça :

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

Posté

Bonjour,

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

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

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...