[CSS]Tableau

Tableau [CSS] - HTML/CSS - Programmation

Marsh Posté le 03-12-2004 à 12:20:28    

Bonjour à tous,  
 
J'éssaye depuis 8heures ce matin de mettre en page un tableau, mais je n'y arrive pas. Enfaite, je n'y arrive pas sous ie car sous Mozilla, Firefox ça va encor...
je me suis inspiré de http://www.openweb.eu.org/articles/tableaux_css/ mais bon...
Je voudrais simplement avoir une largeur de colonne fixe du genre :
colonne une : 10px, colonne deux : 30 px, etc..
 
Voici le code source de ma page xhtml1.1 :

Code :
  1. <table border="1" summary="Liste des salons avec les modes, le sujet de discussion et le nombre d'utilisateurs">
  2.    <caption>Liste des salons</caption>
  3.    <thead>
  4.     <tr>
  5.      <th>Salons</th>
  6.      <th>Sujet</th>
  7.      <th>Utilisateurs</th>
  8.      <th>Modes</th>
  9.     </tr>
  10.    </thead>
  11.    <tfoot>
  12.     <tr>
  13.      <th>Salons</th>
  14.      <th>Sujet</th>
  15.      <th>Utilisateurs</th>
  16.      <th>Modes</th>
  17.     </tr>
  18.    </tfoot>
  19.    <tbody>
  20.    <tr>
  21.     <td>#webradio</td>
  22.     <td>Bienvenue sur le salon de l'equipe de la webradio ;o) ouverture prochainement de la webradio ;)</td>
  23.    <td>3</td>
  24.     <td>+ntr</td>
  25.    </tr>
  26.    <tr>
  27.     <td>#shila_out</td>
  28.     <td>oooOOOooo Bienvenue dans la petite forêt elfique de mon Dragon Porte Bonheur oooOOOooo</td>
  29.     <td>2</td>
  30.     <td>+ntr</td>
  31.    </tr></tbody>
  32.   </table>


Et le code source de ma feuille de style :  

Code :
  1. #article table {
  2. border:1px solid #84b22b;
  3. border-collapse:collapse;
  4. width:400px;
  5. }
  6. #article thead, tfoot {
  7. background-color:#e5f3cb;
  8. border:1px solid #84b22b;
  9. }
  10. #article tbody {
  11. background-color:#edf5dd;
  12. border:1px solid #84b22b;
  13. }
  14. #article th {
  15. border:1px dotted #84b22b;
  16. background-color:#e5f3cb;
  17. }
  18. #article td {
  19. font-family:sans-serif;
  20. border:1px solid #84b22b;
  21. }
  22. #article caption {
  23. font-family:sans-serif;
  24. }


 
Le tout est visble à http://www.eurotchat.info/salons.html
Vous verrez la différence sou ie et firefox...
 
Merci pour vos conseil


Message édité par opgang le 03-12-2004 à 12:20:46

---------------
Allez viens :p http://www.eurotchat.info  
Reply

Marsh Posté le 03-12-2004 à 12:20:28   

Reply

Marsh Posté le 03-12-2004 à 12:34:08    

heu wai, mais il est ou ton #article?
 
et # c'est un ID, donc utilisable qu'une fois.
utilise plutot un .

Reply

Marsh Posté le 03-12-2004 à 13:15:45    

Enfaite, le tableau est contenu dans une <div id="article"> déclaré une seul fois. Et voilà le contenu de css pour #article :  

Code :
  1. #article {
  2.   position:absolute;
  3.   margin-top:150px;
  4.   margin-left:150px;
  5.   margin-bottom:50px;
  6.   width:560px;
  7.   padding:5px;
  8.   border:2px solid #84b22b;
  9.   z-index:1;
  10.   font-size:small;
  11.   background-color:#e5f3cb;
  12. }


 


Message édité par opgang le 03-12-2004 à 13:19:26

---------------
Allez viens :p http://www.eurotchat.info  
Reply

Marsh Posté le 03-12-2004 à 15:01:23    

déja 2 choses,
 
- tu retires ton prologue xml car ça rend fous IE.. (mode quirky si tu veux en savoir plus)
 
- tu redescents en xhtml 1.0 ou tu t'arranges pour que ta page soit envoyée avec un mime-type correct à savoir xhtml+xml et non pas text/html comme c'est le cas maintenant, mais cela aura comme conséquence que ta page ne sera plus lisible par IE..

Reply

Marsh Posté le 05-12-2004 à 12:18:34    

Le nécessaire a été fait, merci de tes conseils.
 
Mais le problème avec les tableau persiste...


Message édité par opgang le 05-12-2004 à 12:22:15

---------------
Allez viens :p http://www.eurotchat.info  
Reply

Sujets relatifs:

Leave a Replay

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