Discussion :

[oceane751]

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

voici mon code :

Code html :

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

[Er3van]

Avec cette syntaxe là :

Code HTML :

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

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

Code CSS :

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

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

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

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

<td width="20">

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

[oceane751]

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 :

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

<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

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

[Thes32]

salut,

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

[Badaboumpanpan]

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

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