Style prioritaire sur d'autre

**lelectronique.com** · 30/01/2009, 16h25

Bonjour,

J'ai un petit soucis je viens d'integrer Sortable Table via le frameworks mootools et maintenant tout mes tableaux on prix l'aspect de Sortable Table. Normal car dans leuf feuille de style il y a çà :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
table. {
	border: 1px solid #ccc;
}
 
th {
	background-color: #eee;
	background: #eee url(images/icon-table-sort.png) no-repeat 2px 8px;
	padding: 4px 4px 4px 14px;
}
 
tr {
	background-color: #eee;
	padding: 4px;
}
 
tr.altRow {
	background-color: #fff;
}
 
td {
	padding: 0 2px;
}

Comment je peux faire pour que cela n'apparaisse que sur certain tableau je pense que c'est tout bete comme d'habitude mais je ne sais pas faire

merci d'avance
bon week end
A+

**Macmillenium** · 30/01/2009, 16h38

Bonjour,

Avec le code que tu as, les styles sont appliquées sur tous les tags table, th et tr de ta page.

Comment je peux faire pour que cela n'apparaisse que sur certain tableau je pense que c'est tout bete comme d'habitude mais je ne sais pas faire

Avec des classes.

Exemple :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
.MonTable1 {
	border: 1px solid #ccc;
}
 
.MonTable1 th {
	background-color: #eee;
	background: #eee url(images/icon-table-sort.png) no-repeat 2px 8px;
	padding: 4px 4px 4px 14px;
}
 
.MonTable1 tr {
	background-color: #eee;
	padding: 4px;
}
 
.MonTable1 tr.altRow {
	background-color: #fff;
}
 
.MonTable1 td {
	padding: 0 2px;
}