[HTML] Redimensionner l'image de fond d'un tableau HTML

Version imprimable

Bonjour,

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

Code:

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 !

07/05/2008, 22h33
Erwan31

Bonsoir,
à ma connaissance il n'est pas possible d'adapter la taille d'une image à celle de son tableau conteneur.
07/05/2008, 22h42
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.
08/05/2008, 15h47
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!