<td> ne prend pas la taille des images

**piratack007** · 03/10/2009, 13h29

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?

**sebhm** · 03/10/2009, 14h09

Bonjour,

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

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

**piratack007** · 03/10/2009, 15h06

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

ie.css

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
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);}

ff.css

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
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

**sebhm** · 03/10/2009, 16h40

la mise en page par tableau, c'est mal

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

**kaiser59** · 05/10/2009, 01h06

Salut,

Désolé, mais je ne comprend absolument rien à ce que tu veux

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

, construit correctement tes pages cela évitera les bugs sur les différents navigateurs. Tu dois donc avoir ceci :

Code html :

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

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>

<td> ne prend pas la taille des images

HTML

Vue hybride

Discussions similaires

Partager

Partager