Discussion :

[DJPi]

Bonjour,

Je fais de l'HTML depuis un petit moment mais je me retrouve face à un problème tout bête et je commence à me dire que ce n'est pas possible !

Je cherche à espacer UNIQUEMENT les lignes d'un tableau, en conservant les bordures de chaque ligne. J'ai essayé des méthodes avec le collapse mais ce dernier agit sur les lignes et les colonnes.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
[TABLEAU]

|____________________________________________|
| CELLULE 1.1  | CELLULE 1.2  | CELLULE 1.3  |
|______________|______________|______________|
ici l'espace que je cherche à définir
|____________________________________________|
| CELLULE 2.1  | CELLULE 2.2  | CELLULE 2.3  |
|______________|______________|______________|

[/TABLEAU]

Si certains ont la solution, merci d'avance !

Bonne journée

DJPi

[Gaetan_]

Fais des lignes vierges :

<TR HEIGHT="10"><TD COLSPAN="3"></TD></TR>

Il peut cependant y avoir un problème avec les <TD> vierges sur IE.

Si ton espacement peut être conséquent ajoute simplement un &nbsp; dans :

<TR HEIGHT="10"><TD COLSPAN="3">&nbsp;</TD></TR>

[DJPi]

En utilisant du CSS sur tes <TD> ca devrait coller.

Essaye

<TD STYLE="padding-bottom: 10px;">

Bonne journée

Bonjour,

J'ai essayé ta technique mais ça ne fonctionne pas plus.
ça me donne quelque chose de cette forme :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
[TABLEAU]

|____________________________________________|
| CELLULE 1.1  | CELLULE 1.2  | CELLULE 1.3  |
|              |              |              |
|______________|______________|______________|
ici l'espace que je cherche à définir
|____________________________________________|
| CELLULE 2.1  | CELLULE 2.2  | CELLULE 2.3  |
|              |              |              |
|______________|______________|______________|

[/TABLEAU]

En gros, ça augmente la marge intérieur de chaque cellule donc la bordure descend avec ...

[Baldy]

padding gère les marges intérieurs des éléments
pour les marges extérieures il faut utiliser margin

maintenant je n'ai jamais testé avec un tableau donc je ne sais pas ce que ça donnera ...

[DJPi]

Les margin-bottom ne fonctionnent pas sur les TD, et sur les TR, ils se place à la fin du tableau (sur la balise <table> en faite)

[Gaetan_]

Il y a eu un petit souci d'edit :

Fais des lignes vierges :

<TR HEIGHT="10"><TD COLSPAN="3"></TD></TR>

Il peut cependant y avoir un problème avec les <TD> vierges sur IE.

Si ton espacement peut être conséquent ajoute simplement un &nbsp; dans :

<TR HEIGHT="10"><TD COLSPAN="3">&nbsp;</TD></TR>