Bonjour à tous !

Puisque la question semble être posée plusieurs fois sur le forum CSS, voici une proposition pour la FAQ.

Question : Comment mettre une bordure entre chaque lignes d'un tableau ?

Réponse à la question :
Si l'on souhaite souhaite également mettre une bordure autour du tableau, il suffit de mettre la classe seperatedLine à sont tableau et copier ce code CSS :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
/* Règles par avoir une séparation entre chaque ligne */
table.seperatedLine {
	/* Mets une bordure autour de ton tableau */
	border:1px solid #000;
	/* Supprime de la bordure du bas, qui est sera fait par la dernière ligne du tableau */
	border-bottom: 0px;
	/* Supprime les marges entre les cellules */
	border-spacing:0;}
table.seperatedLine th,
table.seperatedLine td {
	/* Mets une bordure en-dessous de chaque ligne, même la dernière */
	border-bottom:1px solid #800000;}
Si l'on ne souhaite pas avoir de bordure autour de son tableau, il faut également ajouter une class 'last' à la dernière ligne de son tableau. Et utiliser ce code CSS à la place :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
/* Règles par avoir une séparation entre chaque ligne */
table.seperatedLine {
	/* Supprime les marges entre les cellules */
	border-spacing:0;}
table.seperatedLine th,
table.seperatedLine td {
	/* Mets une bordure en-dessous de chaque ligne, même la dernière */
	border-bottom:1px solid #800000;}
table.seperatedLine td.last {
	/* Mets une bordure en-dessous de chaque ligne, même la dernière */
	border-bottom:0px;}

Si vous avez des remarques, n'hésitez pas

Bonne journée à tous,
Thomas