Discussion :

[matimat2k4]

Bonjour,

Comment faire pour que le fond du tableau qui est l'image parchemin.png fasse la taille du tableau ?

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
<table style="width: 733px; height: 143px;"
 background="parchemin.png" border="0" cellpadding="2"
 cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: middle;"><span
 style="color: white;">LUNDI</span></td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">MARDI</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">MERCREDI</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">JEUDI</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">VENDREDI</td>
    </tr>
    <tr>
      <td
 style="text-align: center; vertical-align: middle; color: white;">entrée
1</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">entrée
2</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">entrée
3</td>
      <td style="text-align: center; color: white;">entrée
4</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">entrée
5</td>
    </tr>
    <tr>
      <td
 style="text-align: center; vertical-align: middle; color: white;">plat
1</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">plat
2</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">plat
3</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">plat
4</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">plat
5</td>
    </tr>
    <tr>
      <td
 style="text-align: center; vertical-align: middle; color: white;">dessert
1</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">dessert
2</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">dessert
3</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">dessert
4</td>
      <td
 style="text-align: center; vertical-align: middle; color: white;">dessert
5</td>
    </tr>
  </tbody>
</table>

merci !

[Erwan31]

Bonsoir,
à ma connaissance il n'est pas possible d'adapter la taille d'une image à celle de son tableau conteneur.

[Gaillac]

En plus, si ton tableau à une taille fixe, ce qui est le cas là, si tu avais une image plus grande et que tu arrivais à l'afficher plus petit, à la taille de ton tableau, ce serait du gâchis.

C'est comme les gens qui collent une photo énorme dans Word pour la réduire (dans Word) : c'est utiliser une grosse photo (un "poids" plus important en octet) pour un petit affichage.
Il vaut mieux réduire avec un logiciel graphique cette photo à la taille voulu, et utiliser cette photo dimensionnée et plus "légère".
Comme ça le fichier (Word) prend moins de place sur le disque, ou l'image de la page web s'affichera plus vite.

[Gizmil]

Je suis d'accord avec Gaillac! Tout dépend néanmoins de ce que tu veux faire! Disons qu'en html pur ou en css, tu n'arriveras sans doute pas à faire ça! Maintenant, avec un javascript ou autre, sans doute...

Eh oui, tout n'est pas maléable à souhait et parfois, il y a de bonnes raisons à ça! Outre le problème de poids, faut considérer l'aspect graphique: si l'image s'agrandit par rapport à sa taille intiale, elle risque d'apparaître pixellisée!