Webmaster Hub > [resolu]Image centrée dans une table

Version complète: sur le forum Webmaster Hub : [resolu]Image centrée dans une table

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

doomer2

lundi 10 janvier 2005 à 21:40

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

CODE

<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.

Denis

lundi 10 janvier 2005 à 22:40

CITATION(doomer2 @ lundi 10 janvier 2005, 15h40)

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.

doomer2

lundi 10 janvier 2005 à 22:46

OK merci c'est résolu

ScL

dimanche 23 janvier 2005 à 03:02

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

CODE

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.