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 :
- <table border="1" summary="Liste des salons avec les modes, le sujet de discussion et le nombre d'utilisateurs">
- <caption>Liste des salons</caption>
- <thead>
- <tr>
- <th>Salons</th>
- <th>Sujet</th>
- <th>Utilisateurs</th>
- <th>Modes</th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <th>Salons</th>
- <th>Sujet</th>
- <th>Utilisateurs</th>
- <th>Modes</th>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <td>#webradio</td>
- <td>Bienvenue sur le salon de l'equipe de la webradio ;o) ouverture prochainement de la webradio ;)</td>
- <td>3</td>
- <td>+ntr</td>
- </tr>
- <tr>
- <td>#shila_out</td>
- <td>oooOOOooo Bienvenue dans la petite forêt elfique de mon Dragon Porte Bonheur oooOOOooo</td>
- <td>2</td>
- <td>+ntr</td>
- </tr></tbody>
- </table>
|
Et le code source de ma feuille de style :
Code :
- #article table {
- border:1px solid #84b22b;
- border-collapse:collapse;
- width:400px;
- }
- #article thead, tfoot {
- background-color:#e5f3cb;
- border:1px solid #84b22b;
- }
- #article tbody {
- background-color:#edf5dd;
- border:1px solid #84b22b;
- }
- #article th {
- border:1px dotted #84b22b;
- background-color:#e5f3cb;
- }
- #article td {
- font-family:sans-serif;
- border:1px solid #84b22b;
- }
- #article caption {
- font-family:sans-serif;
- }
|
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