Probleme pour centrer image dans table
Résolu
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
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
-
Contributeursalut
avec le css tu peu peut être plus facilement non ? -
ContributeurBonjour,
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 !
