Discussion :

[Flobel]

Bonjour

Quelle attribut faut-il mette dans la balise <table> ou dans les balises <tr> d'un tableau pour obtenir un espacement seulement entre les lignes (et pas entre les colonnes)?

Si je crée une classe (pour table ou tr) dans ma feuille de style, quels noms portes les attributs pour cet espacement?

Merci

Florian

[SpaceFrog]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
table {
  padding-top:???px
  padding-bottom: ???px
}

[Flobel]

Ca n'a pas l'air de fonctionner.

En fait, il me met l'espace précisé avant et apres le tableau, mais pas entre les lignes. Et j'ai essayé de mettre l'attribut dans la classe tr de mon css, mais ça ne fonctionne pas.

Tu n'aurais pas une autre idée?

Merci

Florian

[SpaceFrog]

Quel est le but précis de la manoeuvre ?

[Johnbob]

En gros, fait des petits tests pour ajuster l'espacement comme tu le sens...

Propriétés margin et padding à tester avec les balises tr et td.

[SpaceFrog]

non gaara je crois que ce qu'il cherche à réaliser c'est de mettre plus d'espace vertical entre les bordures des cellules...
le padding et margin gère l'espace intérieur et non l'espace entre ...

[Flobel]

Le but est de mettre un espace entre les lignes pour ameliorer la lisibilité. Mais pas entre les colonnes (dont la lergeur est soit fixe soit adaptée à la résolution de l'ecran).

Et ca m'embete de mettre partout dans mon code des margin ou autre. Mais je vais peut-être être obligé de passer par là.

En fait, j'aimerais pouvoir mettre ca dans une feuille de style.

Merci.

Florian

[Johnbob]

Hors de question de mettre partout dans ton code des margin ou autre...
Ceci fonctionne très bien (à mettre dans la CSS):

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
table { border-collapse:collapse; }
td { padding:5px 0; border:solid 1px #808080; }

[SpaceFrog]

j'étais parti sur l'espace supplémentaire entre les bordures, donc sans border collapse...

a ce moment là un moyen plus direct d'y arriver est de jouer sur le line-height

[Flobel]

En fait, ca m'importe peu que l'espace soit a l'interieur des td car je ne materialise pas les bordures.
Donc la solution avec padding pour td dans la css fonctionne parfaitement.

Merci pour votre aide.

Florian