Formatage de tableau par le CSS

comment ?

4 novembre 2006 à 15:00:06

Bonjour,
voici mon tableau :

<table>
<tr>
<th width="155">Auteur</th>
<th width="555">Message</th>
</tr>
<tr>
<th width="155">Le pseudo</th>
<th width="555"><div align=left># La date</div></th>
</tr>
<tr>
<th width="155">info pseudo</th>
<th height="170"><div align=left>contenu sujet</div></th>
</tr>
</table>

je voudrais faire des classes puis formater les differentes parti de ce tableau pour definir les largeurs et aussi le overflow:hiden;
comme dois je proceder(avez vous un exemple de page .css et du code source de la page .html formaté) merci de me donner un coup de main ;)?

Raf à Ailes

4 novembre 2006 à 15:17:52

personnellement je n'ai pas très bien compris ce que tu voulais, mais déjà je trouve bizarre que tu utilises des <th> partout, puique <th></th> est une cellule titre, ensuite il vaut mieux mettre des <td></td>.

Mais bon, si ton problème c'est de définir les largeurs en css avec des classes, tu peux faire comme ça:

<table class="tableau_test">
<tr>
<th class="colonne_gauche">Auteur</th>
<th class="colonne_droite">Message</th>
</tr>
<tr>
<th class="colonne_gauche">Le pseudo</th>
<th class="colonne_droite"><div align=left># La date</div></th>
</tr>
<tr>
<th class="colonne_gauche">info pseudo</th>
<th class="contenu_sujet"><div align=left>contenu sujet</div></th>
</tr>
</table>

et le CSS

.tableau_test th
{
overflow: hidden;
}
.colonne_gauche
{
width: 155px;/* il faut préciser une unité en css, ce que j'ai mis ne correspondra pas forcément à ce que tu as, il suffit d'élargir ou de diminuer la largeur selon les besoins */
}
.colonne_droite
{
width: 555px;
}
.contenu_sujet
{
height: 170px
}

J4r0d

4 novembre 2006 à 16:50:07

merci mec