Discussion :

[julbisounours]

Bonjour,

je souhaiterais avoir plusieurs tableaux sur la même ligne. voici mon code :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
<div id="wrapper">
 <div class="chart">
  <h2>TITRE</h2>
       <table id="table1">
          <caption>titre</caption>
	<thead>
	<tr>
	 <td>&nbsp;</td>
  	 <th scope="col">jour1</th>
	 <th scope="col">jour2</th>
	 <th scope="col">jour3</th>
	 <th scope="col">jour4</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	 <th scope="row">ligne1</th>
              <td>val1</td>
              <td>val2</td>
              <td>val3</td>
              <td>val4</td>
              <td>val5</td>
              <td>val6</td>
              <td>val7</td>
	</tr>
	<tr>
	 <th scope="row">ligne2</th>
	 <td>val7</td>
	 <td>val8</td>
	 <td>val9</td>
	 <td>val10</td>
	 <td>val11</td>
	 <td>val12</td>
	 <td>val13</td>
	</tr>
	</tbody>
        </table>
       <table id="table2">
          <caption>titre</caption>
	<thead>
	<tr>
 	 <th scope="col">jour1</th>
	 <th scope="col">jour2</th>
	 <th scope="col">jour3</th>
	 <th scope="col">jour4</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	 <th scope="row">ligne1</th>
              <td>val1</td>
              <td>val2</td>
              <td>val3</td>
              <td>val4</td>
              <td>val5</td>
              <td>val6</td>
              <td>val7</td>
	</tr>
	<tr>
	 <th scope="row">ligne2</th>
	 <td>val7</td>
	 <td>val8</td>
	 <td>val9</td>
	 <td>val10</td>
	 <td>val11</td>
	 <td>val12</td>
	 <td>val13</td>
	</tr>
	</tbody>
        </table>
 </div>
</div>

Pour l'instant avec ce code j'ai deux tableaux l'un dessous l'autre mais ce que je voudrais c'est 2 tableaux l'un à coté de l'autre.

Merci d'avance

[NoSmoking]

Bonjour,

Code css :

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

1
2
3
#wrapper table{
  display:inline;
}

devrait suffire !