Aller au contenu

[resolu]Image centrée dans une table


Sujets conseillés

Posté (modifié)

Bonsoir, voilà mon bout de code et je souhaiterais centrer les images dans les cellules mais en vain.

<table  border="1" cellspacing="1" cellpadding="1" summary="Essai">
<caption>Essai</caption>
<tr>
<th scope="col">Fichier de la programmation </th>
<th scope="col"><a href="Essai.php" title="essai"><img src="images/pdf.jpg" alt="Télécharger au format PDF"/></a><p>Taille du fichier:23Ko</p></th>
<th scope="col"><a href="#prog" title="essai"><img src="images/html.jpg" alt="essai"  /></a></th>
</tr>
<tr>
<th scope="col">Télécharger Acrobat Reader pour lire les fichiers PDF </th>
<th colspan="2" scope="col"><a href="http://www.adobe.fr" title="Télécharger le logiciel Acrobat Reader sur le site de Adobe"><img src="images/pdf.jpg" alt="Télécharger  au format PDF"/></a></th>
</tr>
</table>

Merci à vous.

Modifié par doomer2
Posté
Bonsoir, voilà mon bout de code et je souhaiterais centrer les images dans les cellules mais en vain.

Pour centrer tes images, il faudrait que ton tableau ait une largeur permettant de libérer une marge à gauche et à droite de tes images... ensuite, tout ce que tu aurais à faire, c'est attribuer par CSS un text-align: center; sur les td correspondants.

  • 2 semaines plus tard...
Posté

Bonsoir,

Après une après-midi de recherche, je me permets de faire un petit ajout pour ceux qui rencontreraient aussi ce pb.

Source : http://www.yoyodesign.org/doc/w3c/css1/#text-align

S'applique à : ceux des éléments de type bloc

En conséquence, bien que cela ne paraisse pas forcément utile, il faut spécifier que le type est bloc

img	{
display: block;
text-align: center;
}

Sans ce paramètre, le text-align ne fonctionne pas.

Voila, j'espère que ça servira à certains.

Zéf

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...