Discussion :

[mgerbe]

Pourquoi ma table html déclarée comme suit :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table id="dnd-example" width="100%" class="totreetable">
  <!--<caption>Drag and drop table example.</caption>-->
  <thead>
    <tr>
      <th>Title</th>
      <th>Size</th>
      <th>Kind</th>
    </tr>
  </thead>
  <tbody>
    <tr id="node-20">
      <td><span class="file">CHANGELOG</span></td>
      <td>4 KB</td>
      <td>Plain text</td>
    </tr>

etc, etc...

ne prend pas en compte ma classe css suivante :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/* TABLE
 * ========================================================================= */
.totreetable table {
  border: 1px solid #888;
  border-collapse: collapse;
  line-height: 1;
  margin: 1em auto;
  width: 90%;
}
 
/* Caption
 * ------------------------------------------------------------------------- */
.totreetable table caption {
  font-size: .9em;
  font-weight: bold;
}
 
/* Header
 * ------------------------------------------------------------------------- */
.totreetable table thead {
  background: #aaa url(../img/bg-table-thead.png) repeat-x top left;
  font-size: .9em;
}
 
.totreetable table thead tr th {
  border: 1px solid #888;
  font-weight: normal;
  padding: .3em 1.67em .1em 1.67em;
  text-align: left;
}
 
/* Body
 * ------------------------------------------------------------------------- */
.totreetable table tbody tr td {
  cursor: default;
  padding: .3em 1.5em;
}
 
.totreetable table tbody tr.even {
  totreetable: #f3f3f3;
}
 
.totreetable table tbody tr.odd {
  background: #fff;
}
 
.totreetable table span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: .2em 0 .2em 1.5em;
}
 
.totreetable table span.file {
  background-image: url(../img/page_white_text.png);
}
 
.totreetable table span.folder {
  background-image: url(../img/folder.png);
}

Je veux appliquer ce style css pour un seul type de tableau.
Est-ce que ma définition de .totreetable est correcte ?
Merci de votre aide.

[mgerbe]

table.totreetable