CSS: Espace entre texte et cellule

[WhiteSpi]

Bonjour a tous.

Voilà, j'aurais aimé réduire l'espace minimum entre le texte et la cellule d'un tableau.
Par exemple avec un code comme cela:
<table border=1><tr><td class="test">test</td></tr></table>

Et un css comme celui-là:
.test {
height: 0px;
margin:0px;
padding : 0px;
}

et bien j'ai la grande surprise de m'apercevoir qu'il y a toujours au minimum 3 pixels entre le texte et le haut ou le bas de la cellule.

Y a t'il un moyen de réduire cet espace à 1px ??

[netsys]

Je crois que la propriété cellspacing n'a pas (encore) d'equivalent en css.

-http://www.informaticien.be/know_article-2028-Quels_sont_les_equivalent_CSS_de_cellpadding_et_cellspacing_.html

[WhiteSpi]

Je crois que la propriété cellspacing n'a pas (encore) d'equivalent en css.

-http://www.informaticien.be/know_article-2028-Quels_sont_les_equivalent_CSS_de_cellpadding_et_cellspacing_.html

Ouais merci mais le cellspacing ne va pas résoudre mon problème de toute manière.

[netsys]

vlà pour toi : -http://mammouthland.free.fr/cours/css/cours2.php
J'peux rien faire de plus

[Provok|Nba]

essaye de rajouter line-height: 0px;

[julio38]

[supprimé]

[medium69]

Bonjour a tous.

Voilà, j'aurais aimé réduire l'espace minimum entre le texte et la cellule d'un tableau.
Par exemple avec un code comme cela:
<table border=1><tr><td class="test">test</td></tr></table>


Y a t'il un moyen de réduire cet espace à 1px ??

essaye de faire

td { padding: 0; }

[WhiteSpi]

Merci pour vos réponses.
Le padding et le line-height ne changent rien...
C'est vraiment bizare....


Spi

[Remi L.]

td{display:block;padding-bottom:0;}

mais bon... ce n'est pas très orthodoxe.

[Vell]

La réponse a presque été donnée

<table cellpadding="0" cellspacing="0">

Et non, pas d'équivalent CSS pour le moment

[WhiteSpi]

Merci Remi L. et Vell mais la reponse n'est pas encore exacte lol.
En fait vous pouvez faire l'experience ya trois lignes de code a copier...
Mais pas moyen de faire sauter ses espace du haut et du bas entre les characteres et la cellule.

[MagicYoyo]

T'a pas des marges sur ton texte ?
Une hauteur de ligne définie ?
S'il y a 2 déclarations de style concurrentes dans ta feuille de style, le navigateur applique la dernière déclarée.

Donne-nous une URL qu'on puisse visualiser le problème.

[Remi L.]

En fait vous pouvez faire l'experience ya trois lignes de code a copier...
Mais pas moyen de faire sauter ses espace du haut et du bas entre les characteres et la cellule.

Ben si, ça marche avec 'display:block', mais il te restera toujours un espace pour les caractères qui descendent: avec 'test', il y a un espace mais si tu essaies avec 'Tegyqe,?' le bas des lettres colle au border.

[WhiteSpi]

En fait vous pouvez faire l'experience ya trois lignes de code a copier...
Mais pas moyen de faire sauter ses espace du haut et du bas entre les characteres et la cellule.

Ben si, ça marche avec 'display:block', mais il te restera toujours un espace pour les caractères qui descendent: avec 'test', il y a un espace mais si tu essaies avec 'Tegyqe,?' le bas des lettres colle au border.

Bon j'arrive au meilleur résultat avec ce css:
.Test {
line-height:6px;
padding :0px;
}

Il me reste un pixel au dessus du "T" majuscule et 0 en dessous des lettres telles que "q".
Je suppose qu'on peut difficilement faire mieux.
En revanche le display:block ne change absolument rien... (en tout cas sous firefox).

Merci a tous pour votre aide

[MagicYoyo]

Tu as essayé un padding négatif ?