[CSS] Enveler le padding d'une cellule

Bonjour,

Je suis en train d'introduire des images de mêmes grandeurs dans un tableau HTML (chaque cellule contient une image). Les images s'ajustent à la largeur de la cellule, mais pas à la hauteur...il y a toujours une sorte de padding et les images ne sont jamais vraiment collées au haut et au bas de la cellule. J'ai essayé de jouer avec le height, le padding et même le line-height, mais ça ne change rien, la hauteur reste la même. Est-ce que quelqu'un aurait la solution à ce problème?

Merci!!
Configuration: Windows XP
Firefox 3.0.9

7 réponses

  1. Si ta cellule ne contient pas de caractères, un font-size à 0 devrait je pense régler la chose, à voir.
    1. Ton exemple ne règle pas tout à fait mon problème, en fait, les lettres de ton tableau touchent les côtés droit et gauche de la cellule, moi j'aimerais aussi que les lettres touchent le haut et le bas de la cellule. Je ne sais pas si ça se règle...
      1. Essaye ceci :

        <html>
        <head>
        <title>Test</title>
        <style type="text/css">
        table
        {
        	border-collapse: collapse;
        }
        
        td
        {
        	border: 3px solid red;
        	background-color: blue;
        	color: white;
        	font-weight: bold;
        }
        </style>
        </head>
        <body>
        <table>
        	<tr>
        		<td>a</td>
        		<td>b</td>
        	<tr>
        	<tr>
        		<td>c</td>
        		<td>d</td>
        	</tr>
        </table>
        </body>
        </html>


        Je n'ai pas mit les bonnes déclarations de DOCTYPE et autre, c'était juste un test pour aller vite.

        A mon avis c'est le border collapse que tu as oublié.

        Sinon sur mon exemple tu retire le "border: 3px solid red;" et toutes les cellules se touchent.

        Bonne chance
        1. Voici un exemple de mon problème, tu vois qu'il y a un espace dans le haut et le bas des cellules: http://pkproductionfilms.com/exemple_cellule.png
          1. Tu peux nous montrer un screenshot du tableau, ou nous donner un lien vers la page en question ?