[CSS] Enveler le padding d'une cellule

Fermé
PKing Messages postés 5 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 27 avril 2009 - 27 avril 2009 à 20:22
P@t@ch0n Messages postés 565 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 28 décembre 2009 - 27 avril 2009 à 22:17
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!!

7 réponses

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
27 avril 2009 à 20:29
Tu peux nous montrer un screenshot du tableau, ou nous donner un lien vers la page en question ?
0
PKing Messages postés 5 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 27 avril 2009
27 avril 2009 à 21:18
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
0
scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
27 avril 2009 à 21:31
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
0
PKing Messages postés 5 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 27 avril 2009
27 avril 2009 à 22:03
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...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
P@t@ch0n Messages postés 565 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 28 décembre 2009 85
27 avril 2009 à 22:08
Tu testes avec quel navigateur ?
0
PKing Messages postés 5 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 27 avril 2009
27 avril 2009 à 22:12
Firefox, mais IE produit le même problème...
0
P@t@ch0n Messages postés 565 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 28 décembre 2009 85
27 avril 2009 à 22:17
Si ta cellule ne contient pas de caractères, un font-size à 0 devrait je pense régler la chose, à voir.
0