problème avce un td

Version imprimable

problème avce un td

bonjour à tous
je n'arrive pas à réduire ma cellule <td>

voici mon code :

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
 
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
 
    <td>ILS SOUTIENNENT LE PROJET</td>
  </tr>
    <tr>
    <td><img src="images\trait.gif"/></td>
    </tr>
    <tr>
    <td rowspan="2"><img src="images\homme.gif"/></td> <---- CELLE CI
    <td >Mr durant</td>
    </tr>
    <tr>
    <td >TEXTE</td>
  </tr>
  <tr>
    <td align="right" colspan="2"><img src="images\flecheRouge.gif" />Lire la suite</td></tr><tr>
    <td rowspan="2"><img src="images\homme.gif"/></td> <---- ET CELLE CI
 
 
    <td>MR dupont</td>
    </tr>
    <tr>
    <td>texte</td>
  </tr>
  <tr>
    <td align="right"colspan="2" width="200"><img src="images\flecheRouge.gif" />Lire la suite</td>
    <td>&nbsp;</td>
  </tr>
 
 
</table>

j'ai beau mettre <td width="20"> mais ça ne bouge pas

quelqu'un aurait il une idée?

merci

Avec cette syntaxe là :

Code:

1
2
 
<td rowspan="2" class="peutImporte"><img src="images\homme.gif" alt="" /></td>

Code:

1
2
3
4
5
6
7
 
.peutImporte {
     width : 20px ; /* peut être inutile selon ton code... */
}
.peutImporte img {
     width : 20px ;    
}

17/06/2008, 13h25
Bovino

La solution de Er3van est la meilleure et celle que je te conseillerais aussi, cependant, si pour une raison quelconque, il est préférable pour toi d'indiquer la taille avec

Code:

<td width="20">

il faut le faire dans le 1er td de ta table.
17/06/2008, 13h47
oceane751

Citation:

Envoyé par Bovino

La solution de Er3van est la meilleure et celle que je te conseillerais aussi, cependant, si pour une raison quelconque, il est préférable pour toi d'indiquer la taille avec

Code:

<td width="20">

il faut le faire dans le 1er td de ta table.

c'est ce que j'ai fait pourtant mais ça ne bouge pas
17/06/2008, 14h09
Er3van

Etant donné qu'aucun width n'est défini pour la colonne, peut-importe l'emplacement de la déclaration, et quand bien même !
Ce n'est pas l'ordre de la déclaration qui change, mais la longueur de la colonne.
En fait, la colonne va s'étirer au maximum selon le contenu, donc si un td a une largeur de 200px, peut importe sa position, la colonne fera à minimat 200px de largeur.
Etant donné que tu n'as pas défini de largeur à tes td, ton problème vient de ton image, c'est elle qu'il faut redimensionner.
Par contre, si tu as des largeurs supérieures à 20px dans ta colonne, tu ne pourras pas descendre en dessous.
18/06/2008, 12h07
Thes32

salut,

Citation:

Envoyé par Er3van

En fait, la colonne va s'étirer au maximum selon le contenu, donc si un td a une largeur de 200px, peut importe sa position, la colonne fera à minimat 200px de largeur.
Etant donné que tu n'as pas défini de largeur à tes td, ton problème vient de ton image, c'est elle qu'il faut redimensionner.

Tout à fait si, dans colonne un élément dépasse tes 20px, ben ça tire toute la colonne...

Essaye ça, je pense que ça passera mieux :

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
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2" style="white-space: nowrap;">ILS SOUTIENNENT LE PROJET</td>
  </tr>
  <tr>
    <td colspan="2"><img src="images\trait.gif"/></td>
  </tr>
  <tr>
    <td rowspan="2" style="width: 20px;"><img src="images\homme.gif"/></td>
    <td >Mr durant</td>
  </tr>
  <tr>
    <td >TEXTE</td>
  </tr>
  <tr>
    <td colspan="2" style="text-align: right;"><img src="images\flecheRouge.gif" />Lire la suite</td>
  </tr>
  <tr>
    <td rowspan="2" style="width: 20px;"><img src="images\homme.gif"/></td>
    <td>MR dupont</td>
  </tr>
  <tr>
    <td>texte</td>
  </tr>
  <tr>
    <td colspan="2" style="text-align: right;"><img src="images\flecheRouge.gif" />Lire la suite</td>
  </tr>
</table>