<td> ne prend pas la taille des images

Version imprimable

03/10/2009, 13h29
piratack007

<td> ne prend pas la taille des images

salut
regardez cette image;
<table> est en bleu ,<tr><td> sont en rouge;
j'ai intégré des images a l'intérieur des <td>
mon problème est que le <td> ne prend pas la taille exacte des images ,alors comment supprimer les espaces sous les flèches?
03/10/2009, 14h09
sebhm

Bonjour,

ca serait pas de la mise en page par tableau ca ...? 8O

sinon, ces élements ne modifient pas la taille de ton image.
Essaie de mettre les Margin et les Padding à 0

et sinon, montre nous le code, ca sera mieux

http://djaweb.superfreehost.org/demo/
essayez d'ouvrir la page avec ff et ie
"la page avec ff et trés bien"
voilà les css

Citation:

ie.css

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
table
{
 border-collapse:collapse;
 border: 2px solid blue;
}
tr,td /* Mettre une bordure sur les td ET les th */
{
  border: 1px solid red;
  margin-right: auto;
  padding:0px,0px,0px,0px;
}
* { margin: 0; padding: 0; }
td.mod-lr1
{
background-image:url(images/mod-lr1.png);}
td.mod-ud1
{
background-image:url(images/mod-ud1.png);}
td.mod-ud2
{
background-image:url(images/mod-ud2.png);}
td.mod-lr2
{
background-image:url(images/mod-lr2.png);}

Citation:

ff.css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
table
{
 border-collapse:collapse;
 border: 2px solid blue;
}
tr,td /* Mettre une bordure sur les td ET les th */
{
  border: 1px solid red;
}
td.mod-lr1
{
background-image:url(images/mod-lr1.png);}
td.mod-ud1
{
background-image:url(images/mod-ud1.png);}
td.mod-ud2
{
background-image:url(images/mod-ud2.png);}
td.mod-lr2
{
background-image:url(images/mod-lr2.png);}

merci

03/10/2009, 16h40
sebhm

8O
la mise en page par tableau, c'est mal :evilred:

je t'avoue que c'est difficile pour moi de m'y retrouver...
Deja, je ne mettrais pas de TD vides (il te faudrait au moins au pixel à l'intérieur)
et encore moins de TR vides (il faut au moins un TD à l'intérieur)

Et tu dois pouvoir t'en sortir avec une seule feuille de style
05/10/2009, 01h06
kaiser59
Salut,

Désolé, mais je ne comprend absolument rien à ce que tu veux :cry: Dans un 1er temps tu dis que tu veux mettre des images dans un table, et puis après le lien que tu donnes le code n'a rien à avoir avec ce que tu demandes... pire c'est du Flash (pas dans le sens que ce n'est pas bien de faire en flash mais que le table n'apparait plus)

Par contre en regardant le code de ton lien, c'est vraiment :aie:, construit correctement tes pages cela évitera les bugs sur les différents navigateurs. Tu dois donc avoir ceci :
Code:

1 2 3 4 5 6 7 8 9 <!DOCTYPE approprié > <html> <head> <title>Quelque chose pas de br etc.. un titre parlant</title> </head> <body> ... </body> </html>