different design de tableau

Sujet résolu

20 avril 2006 à 9:53:34

Bonjour

je viens demande de l'aide pour le probleme suivant

Dans mon site j'utilise des CSS et des tableaux
et sur certain pages j'ai plusieur tableau

mais je sais pas comment faire un css different pour chacun des tableaux?

car quand je met une style pour le td
par exemple

caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #FF0000;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

th /* Les cellules d'en-tête */
{
background-color: #ff0000;
color: white;
font-size: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
padding-left: 20px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
padding-right: 20px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

td /* Les cellules normales */
{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center; /* Tous les textes des cellules seront centrés*/
}

il m'aplique le meme style pour tous les tableaux???

comment peux ton faire merci

djo0012

20 avril 2006 à 10:06:38

tu peut mettre un atribut classe et tu modifie cette classe comme tu veus, en mettant une classe differente pour chaque tableau ils seront tous different, mais tu peu aussi metre la meme classe a deux tableau pour qu'ils soit pareil.

yalcin

20 avril 2006 à 10:26:27

je sais utiliser les class mais j'ai pas tres bien compris comment le faire pour different tableau en evitant de taper <td class=....> sur chacune de mes colonne?

PhY

20 avril 2006 à 10:30:44

salut !!!
j'ai demandé le même problème hier

veux-tu la réponse ?

ici:
http://www.siteduzero.com/forum-83-34048-p1-appliquer-un-style-css-un-1-seul-tableau.html

Deax m'as mis la solution à la fin

Bon courage !

yalcin

20 avril 2006 à 10:52:36

merci c'est exactement ce que je recherche

voila donc le resultat dans votre CSS mettre

.table
caption /* Titre du tableau */
{ ... }

.table
th /* Les cellules d'en-tête */
{ ... }

.table
td /* Les cellules normales */
{ ... }

et le HTML

PhY

20 avril 2006 à 10:57:17

impec

bon courage !