Tableaux imbriqués

Messages postés
119
Date d'inscription
jeudi 2 novembre 2000
Statut
Membre
Dernière intervention
10 janvier 2014
- - Dernière réponse : PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
- 18 nov. 2008 à 12:12
Bonjour,



<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /??>
 




J’ai construit un tableau imbriqué dont le corps de l’en-tête reste fixe et


le corps du texte défile, mais je n’arrive pas à faire coïncider les colonnes


des deux tableaux pour les différents navigateurs.



 




Y a-t-il une solution ?



 




De même je n’arrive pas à encadrer le texte du « tfoot » ?


et donner une plus grande hauteur à l’en-tête ?



 




Je joins le code de ma page.



 




Merci pour votre aide.



 




Salutations



 




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">



<head>





<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />




<title>Document sans nom</title>



 





<style type="text/css">





.table-1 {width:894px; border-collapse:collapse; margin:0 auto;}





.table-2 {width:876px; border-collapse:collapse;}





.th1 {width:170px;}





.th2 {width:120px;}





.th3 {width:65px;}





.th4 {width:145px;}





.th5 {width:145px;}





.th6 {width:80px;}





.th7 {width:130px;}






 






.td1 {width:170px;}





.td2 {width:120px;}





.td3 {width:65px;}





.td4 {width:145px;}





.td5 {width:145px;}





.td6 {width:80px;}





.td7 {width:120px;}






 






.table-1 th {






       color : #996600;






       background-color : #ffcc66;






       border : 1px solid #ddeeff;






       border-collapse : separate;






       font-variant : small-caps;






       font-size : 0.8em;






       letter-spacing : 1px;






       }






                                  







.table-1 tfoot {






       color : #996600;






       background-color : #ffcc66;






       border : 1px solid #ddeeff;






       border-collapse : separate;






           
   font-variant : small-caps;






       font-size : 0.7em;






       letter-spacing : 1px;






        }





.table-1 tr.lig-1 td {






       background-color : #cccccc;






           
   border : 1px solid #ddeeff;






       border-collapse : separate;






           
   font-variant : small-caps;






       text-align : center;






       }                  






 






.table-2 tr.lig-2 td {






       background-color : #b8c7d3;






           
   border : 1px solid #ddeeff;






       border-collapse : separate;






           
   font-variant : small-caps;






       text-align : center;






       }






           
  







.contenu {height:15em; overflow:auto;}






           
  
                               
 
                                 







</style>





</head>











     

        ----

          Description |

          Dates du  -  au |

          Prix |

          Inscription du - au |

          Lieu |

          Observations |

          Préparé par |

       

     

 

      <tfoot>

        ----

          Pour plus de détails voir: A VOS AGENDASxxxxxxxxxxxxxxxxxxxxxxxxxxxxx,

         
mis à jour le :31/10/08 par :Gérard et Jacques,

       

      </tfoot>

           
 

----

 

         <table class ="table-2">

        ----

        , aaaaaaaaa aaaaaaa aaaaaaaaaaaaaaa</td>

        Mardi 25 Novembre 2008,

        00.00 ?,

        Du 14 au 21 Novembre 2008,

        xxxxxxxxxxx : 11h30,

        ,

        xxxxxxxxxx,

     

           
 

      ----

        bbbbbbbbb  bbbbbbbbbb bbbbbbbbbbbbb bbbbbbb,

       
Mercredi 10 Décembre 2008,

        00.00 ?,

        Fin des inscriptions  5 décembre 2008,

        xxxxxxx,

        xxxxxxxxxxxx,

        xxxxxxxx,

  
   

           
 

      ----

       cccccccccccccccc cccccccccccccccccc cccccccccc,

        Dimanche 14 Décembre 2008,

        00.00 ?,

        fin des inscriptions  14 novembre 2008,

        xxxxxxxxxxx,

 
      xxxxxxxxxxxxx,

        xxxxxxxxxx,

     

           
 

      ----

       eeeeeeeeeeeeee eeeeeeeeeeeeeee eeeeeeeeeeeeeeeeee,

        Mardi 16 Décembre 2008,

        00.00 ?,

        Du 5 au 12 d&eacute;cembre 2008,

        xxxxxxxxxxx: 18h30,

        ,

        xxxxxxxxxx,

     

           
 

      ----

      
lllll llllll llllll,

       
Jeudi 15 Janvier 2009,

        00.00 &euro;,

     
  Du 5  au 12 janvier 2009,

        xxxxxxxxxx :14h00,

        ,

        xxxxxxxxx,

     

           
 

      ----

      fffffffffffffff fffffffffffffffff ffffffffffffffff,

        Dimanche 18 Janvier 2009,

        00.00 &euro;,

        Fin des inscriptions  19 décembre 2008,

        xxxxx,

        xxxxxxxxxxxxxx,

        xxxxxxxxx,

     

           
 

      ----

   
    ggggggggggg gggggggggggggg gggggggggggggg gggggggggggggg,

        Dimanche 15 mars 2009,

        00.00 &euro;,

        Fin des inscriptions  30 octobre 2008,

        xxxxxxxx,

        xxxxxxxxxxxxxx,

  
     xxxxxxxxxxx,

     

           
 

      ----

      hhhhhhhhhhhhh hhhhhhhhhhhhhhh hhhhhhhhhhhhhh hhhhhhhhh,

        Mardi 17 Mars 2009,

        ,

        Du 6 au 13 mars 2009,

        xxxxxxxxxxxx 11h30,

        ,

        xxxxxxxxxxx,

     

           
 




</tbody>



 




</table>



 






</html>
Afficher la suite 

3 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
11
0
Merci
Bonjour,
je te livre ce lien
http://www.imaputz.com/cssStuff/bigFourVersion.html
on ne sait jamais...
;O)
Commenter la réponse de PetoleTeam
Messages postés
119
Date d'inscription
jeudi 2 novembre 2000
Statut
Membre
Dernière intervention
10 janvier 2014
0
Merci
Bonjour PetoleTeam,

Merci pour le lien, mais sur IE7 je n'ai q'une ligne qui s'affiche et sur Mozilz-Firefox
lorsque je rajoute des colonnes (4 en plus) celle-ci ne sont plus alignées.

Question a part, comment faire lorsque je pose une question pour les lignes soient les une
au sessus des autres (Je tape mon texte sous Word et je fais un copie/collé.

Salutations
Commenter la réponse de DAVIMIKA
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
11
0
Merci
Bonjour,
NAVRE pour le lien qui s'avére être
dépassé, donc à oublier bien vite...

Remplace le DOCTYPE de ton document par

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

Ajoutes dans le style
table {
  table-layout : fixed;

}
Cela devrait améliorer les choses...

Pour le code,
tappes ton code sous Notepad, par exemple, et fait un copier/coller
;O)
Commenter la réponse de PetoleTeam