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 :lol:

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

 

[u8086]

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

 

[u8086]

Tu as essayé un padding négatif ?

 

[WhiteSpi]

Tu as essayé un padding négatif ?

Ouais ben j'obtiens rien de bien génial avec... c'est pire !
Mais de toute facon avec le code que j'ai collé plus haut je crois que je suis vraiment à la limite.

 

[Romuald]

table{border-collapse:collapse}

Ça ?

 

[WhiteSpi]

table{border-collapse:collapse}

Ça ?

Ah ben oui exact ca aide aussi Merci.

 

[WhiteSpi]

En fait je touche meme en haut et en bas maintenant

Merci a tous.