Declarer un tableau en CSS

Marsh Posté le 23-02-2003 à 13:57:53

Comment doit on s'y prendre ? :??:

j'ai fait ça

Code :

.table
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
color: #660033;
background-color:#e6e4e9;
width: 553px;
margin-right: auto;
margin-left: auto;
text-align: left;
border: none 0px;
}

mais puisque la largeur des td change selon la page ou est le tableau, faut il faire un style genre

Code :

.td1
{
width:80px;
margin: 3px;
}

pour chaque cas ? étant donné qu'en XHTML1.1 nous n'avons plus le droit de faire

Code :

<td class"toto" width="100px">blabla</td>

merci

Reply

Marsh Posté le 23-02-2003 à 13:57:53

Reply

Marsh Posté le 23-02-2003 à 14:35:06

si tu veux spécifier la largeur de tes td, oui. Sinon, tu peux laisser le browser les ajuster au mieux dans l'espace que tu donnes à la table.

Reply

Marsh Posté le 23-02-2003 à 14:37:34

gizmo a écrit :

si tu veux spécifier la largeur de tes td, oui. Sinon, tu peux laisser le browser les ajuster au mieux dans l'espace que tu donnes à la table.

Ben non je veux les spécifier, c'est pour la mise en page d'une liste de produits et de leurs prix :sweat:

Ca fonctionne mais je cherche à alléger ma feuille de style

Reply

Marsh Posté le 23-02-2003 à 15:13:00

Si la taille de ton tableau n'est pas constante, et que tu ne veux pas créer des dizaines de styles que tu n'utilise qu'à un seul endroit, tu peux faire un truc du genre :

<td class="toto" style="width: 100px;">blabla</td>

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 23-02-2003 à 16:31:22

flyman30 a écrit :

Comment doit on s'y prendre ? :??:

j'ai fait ça

Code :

.table
{
font-family: Verdana, Arial, Helvetica, sans-serif; /*Inutile à moins que la propriété héritée soit différente*/
font-size: 12px;
line-height: normal; /*Idem, inutile à moins que la propriété héritée soit différente*/
color: #660033;
background-color:#e6e4e9;
width: 553px;
margin-right: auto;
margin-left: auto;
text-align: left;
border: none 0px;
}