semantique pour la balise <table>

semantique pour la balise <table> - HTML/CSS - Programmation

Marsh Posté le 19-04-2006 à 14:14:10    

dans un tableau (de données ! avec des colonnes (un relevé points/commandes... je suppose que ça peut etre considéré comme un tableau) sur plusieurs pages... les numéros de pages suivantes... vous les mettez où vous ?  
 
moi je les ai mis dans un <tfoot> qu'en pensez vous ?
 

Code :
  1. <table width="100%" cellpadding="0" cellspacing="0" id="commandes">
  2. <thead>
  3. <tr>
  4.  <th class="col_date1">Date</th>
  5.  <th class="col_num_commande1">N&deg;commande </th>
  6.  <th class="col_statut1">Statut</th>
  7.  <th class="col_detail1">D&eacute;tail</th>
  8. </tr>
  9. </thead>
  10. <tr>
  11.  <td class="col_date1"><strong>27.03.2006</strong></td>
  12.  <td class="col_num_commande1">399</td>
  13.  <td class="col_statut1">Enregistrée</td>
  14.  <td class="col_detail1">
  15.  <a href="./Boutique?view=facture&amp;id_commande=166">voir</a>
  16.         <span class="texte_orange_10px">/</span> <a href="#" onclick="confirm_annulation(166);return false;">annuler</a>
  17.  </td>
  18. </tr>
  19. <tr>
  20.  <td class="col_date1"><strong>27.03.2006</strong></td>
  21.  <td class="col_num_commande1">398</td>
  22.  <td class="col_statut1">Enregistrée</td>
  23.  <td class="col_detail1">
  24.  <a href="./Boutique?view=facture&amp;id_commande=165">voir</a>
  25.         <span class="texte_orange_10px">/</span> <a href="#" onclick="confirm_annulation(165);return false;">annuler</a>
  26.  </td>
  27. </tr>
  28. <tr>
  29.  <td class="col_date1"><strong>27.03.2006</strong></td>
  30.  <td class="col_num_commande1">397</td>
  31.  <td class="col_statut1">Enregistrée</td>
  32.  <td class="col_detail1">
  33.  <a href="./Boutique?view=facture&amp;id_commande=164">voir</a>
  34.         <span class="texte_orange_10px">/</span>
  35.  <a href="#" onclick="confirm_annulation(164);return false;">annuler</a>
  36.  </td>
  37. </tr>
  38. <tr>
  39.  <td class="col_date1"><strong>27.03.2006</strong></td>
  40.  <td class="col_num_commande1">396</td>
  41.  <td class="col_statut1">Enregistrée</td>
  42.  <td class="col_detail1">
  43.  <a href="./Boutique?view=facture&amp;id_commande=163">voir</a>
  44.         <span class="texte_orange_10px">/</span> <a href="#" onclick="confirm_annulation(163);return false;">annuler</a>
  45.  </td>
  46. </tr>
  47. <tr>
  48.  <td class="col_date1"><strong>27.03.2006</strong></td>
  49.  <td class="col_num_commande1">395</td>
  50.  <td class="col_statut1">Enregistrée</td>
  51.  <td class="col_detail1">
  52.  <a href="./Boutique?view=facture&amp;id_commande=162">voir</a>
  53.         <span class="texte_orange_10px">/</span> <a href="#" onclick="confirm_annulation(162);return false;">annuler</a>
  54.  </td>
  55. </tr>
  57. <tfoot>
  58. <tr>
  59. <th colspan="2" >
  60. <div class="text_align_left">
  61.    
  62.             <a href="./Boutique?view=commandes&amp;page=31" class="liens_nav_pages" ><img src="./img/1/fleche_precedente.jpg" alt="<" width="18" height="12" />Pr&eacute;c&eacute;dente</a>
  63.            
  64.   &nbsp;
  65. </div>
  67. </th>
  68. <th colspan="2" >&nbsp;
  69. <div class="text_align_right">
  70.           <a href="./Boutique?view=commandes&amp;page=1" class="liens_nav_pages">1</a> |
  71.           <a href="./Boutique?view=commandes&amp;page=2" class="liens_nav_pages">2</a> |
  72.           <a href="./Boutique?view=commandes&amp;page=3" class="liens_nav_pages">3</a> |
  73.           <a href="./Boutique?view=commandes&amp;page=4" class="liens_nav_pages">4</a> |
  74.           <a href="./Boutique?view=commandes&amp;page=5" class="liens_nav_pages">5</a> |
  75.           <a href="./Boutique?view=commandes&amp;page=6" class="liens_nav_pages">6</a> |
  76.           <a href="./Boutique?view=commandes&amp;page=7" class="liens_nav_pages">7</a> |
  77.           <a href="./Boutique?view=commandes&amp;page=8" class="liens_nav_pages">8</a> |
  78.           <a href="./Boutique?view=commandes&amp;page=9" class="liens_nav_pages">9</a> |
  79.           <a href="./Boutique?view=commandes&amp;page=10" class="liens_nav_pages">10</a> |
  80.           <a href="./Boutique?view=commandes&amp;page=11" class="liens_nav_pages">11</a> |
  81.           <a href="./Boutique?view=commandes&amp;page=12" class="liens_nav_pages">12</a> |
  82.           <a href="./Boutique?view=commandes&amp;page=33" class="liens_nav_pages" >Suivante<img src="./img/1/fleche_suivante.jpg" alt=">" width="18" height="12" /></a>
  83. </div>
  84. </th>
  85.     </tr>
  86. </tfoot>
  87. </table>

Reply

Marsh Posté le 19-04-2006 à 14:14:10   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed