Probleme pour centrer image dans table

Résolu
Caro -  
 Caro -
Bonjour,

Je n'arrive pas à centrer une image (<IMG SRC="Images/casper-portrait01.jpg">) verticalement dans une colonne d'une table. Voici mon script :

<table WIDTH=800 cellpadding="0px" cellspacing="0px">
<tr>
<td width=100 BGCOLOR="#FAEBD7">
 
</td>
<td width=400 BGCOLOR="#E9967A">
<font face="comic sans MS">
<BLOCKQUOTE><b>Nom :</b> Casper des Phantomes des Callas </BLOCKQUOTE>
<BLOCKQUOTE><b>Né le :</b> 05/03/2007 </BLOCKQUOTE>
<BLOCKQUOTE><b>Couleur :</b> Noir tricolore</BLOCKQUOTE>
<BLOCKQUOTE><b>Signe particulier :</b> Queue longue </BLOCKQUOTE>
</font>
</td>
<td width=300 BGCOLOR="#E9967A" align="center" valign="middle">
<IMG SRC="Images/casper-portrait01.jpg">
</td>
</tr>
</table>

Pouvez vous m'aider?

Merci d'avance
Configuration: Windows XP
Internet Explorer 7.0

4 réponses

  1. warlix Messages postés 1204 Statut Contributeur 288
     
    salut

    avec le css tu peu peut être plus facilement non ?
    0
  2. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bonjour,

    Ton image n'a pas de dimensions.
    Indique-les.
    Ajoute aussi un texte alternatif.

    Mets les valeurs entre guillemets.

    Il ne faut pas de “px” dans “cellpadding="0px" cellspacing="0px"”.

    Les BLOCKQUOTE ne servent pas à ça.
    Réserve-les pour faire des citations.

    Essaye ça :
        <table width="800" cellpadding="0" cellspacing="0"> 
          <tr> 
            <td width="100" bgcolor="#faebd7"> 
            </td> 
            <td width="400" bgcolor="#e9967a"> 
              <p><b>Nom :</b> Casper des Phantomes des Callas</p>  
              <p><b>Né le :</b> 05/03/2007  </p>
              <p><b>Couleur :</b> Noir tricolore </p>
              <p><b>Signe particulier :</b> Queue longue  </p>
            </td> 
            <td width="300" height="400" bgcolor="#e9967a" align="center" valign="middle"> 
              <img style="border : 2px solid #fff;" 
              src="images/casper-portrait01.jpg" width="100" height="100" alt="Casper" /> 
            </td> 
          </tr> 
        </table>
    
    Chez moi, ça centre.

    --
    0
  3. Caro
     
    Merci beaucoup pour ta réponse.

    En fait j'ai juste enlevé les “px” dans “cellpadding="0px" cellspacing="0px"” et ça fonctionne!!
    0
  4. Caro
     
    RECTIFICATION : j'ai également donné une valeur de hauteur à la table pour que cela fonctionne !
    0