Discussion :

[zetta]

Bonjour à tous,
j'ai défini un tableau qui contient une image. Je veux coller l'image au bas du tableau puisque la couleur de l'image est la même que la bordure du tableau.
Pour celà j'ai mis le code html suivant:

<table bgcolor="#b5bdde" width="200" cellpadding="0">
<tr bgcolor="#33439">
<td width="200" height="38" bgcolor="#FF0000">je veux coller l'image au bas du tableau<br>
<img src="btnretour.gif" border="0" style=" margin-bottom:0; padding-bottom:0px;">
</td>
</tr>
</table>

Ceci marche sous firefoks mais non sous Internet Explorer.
Existe t-il un moyen de le faire fonctionner sous IE.
Merci d'avance

[azertyman]

tu veux la mettre en bas du tableau (<table>) ou de la cellule (<td>) ?

parceque si c'est en bas du tableau il suffit de le mettre dans une nouvelle ligne :

Code :

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

1
2
3
4
5
6
7
8
<table bgcolor="#b5bdde" width="200" cellpadding="0">
     <tr bgcolor="#33439">
          <td width="200" height="38" bgcolor="#FF0000">je veux coller l'image au bas du tableau</td>
     </tr>
     <tr>
          <td><img src="btnretour.gif" border="0" style=" margin-bottom:0; padding-bottom:0px;"></td>
     </tr>
</table>

[zetta]

tu veux la mettre en bas du tableau (<table>) ou de la cellule (<td>) ?

parceque si c'est en bas du tableau il suffit de le mettre dans une nouvelle ligne :

Je veux la mettre en bas de la cellule, pour qu'elle soit collé au bas du tableau

<table>
<tr>
<td>
<img src="monimage">
</td>
</tr>
</table>

[azertyman]

et bien structure ta cellule avec 2 <div>: un pour le contenu et un autre pour l'image

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table>
     <tr>
          <td>
               <div id="contenu">
                    je veux coller l'image au bas du tableau
               </div>
               <div id="image'">
                    <img src="btnretour.gif" />
               </div>
          </td>
     </tr>
</table>

[zetta]

Merci ca marche,
en fait j'ai mis style="margin-bottom:-4px", quand je met 0px, ca marche sous firefoks.
Pour internet explorer, il fallait mettre une valeur negative.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<table>
     <tr>
          <td>
 
                    je veux coller l'image au bas du tableau
                     <br>
                    <img src="btnretour.gif" [color=red]style="margin-bottom:-4px[/color]"/>
 
          </td>
     </tr>
</table>