Probleme pour centrer image dans table

Résolu/Fermé
Signaler
-
 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

4 réponses

Messages postés
1201
Date d'inscription
mercredi 25 juillet 2007
Statut
Contributeur
Dernière intervention
21 février 2009
289
salut

avec le css tu peu peut être plus facilement non ?
Messages postés
5124
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
5 mai 2021
2 764
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.

--
Merci beaucoup pour ta réponse.

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