Discussion :

[Mister Nono]

Bonjour à tous,

Quel est l'équivalent graphique de la balise <table border='1'>...</table> en CSS ?

Le code suivant :

Code :

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

1
2
3
4
 
table {
  border: 1px solid #000000;
}

... ne rend pas la même chose.

A+

[viviboss]

Ouaip, d'ailleur perso j'utilise tout simplement les border des tableaux... Dans les tableau.

Je me suis aussi énervé là dessus, en me disant que c'était pas possible et qu'il devait y avoir une solution... Mais j'ai pas trouvé, à part faire ce que tu dis, mais appliqué aussi au "td" :

Code :

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

1
2
3
4
5
6
7
8
 
table {
  border: 1px solid #000000;
}
 
table td{
border: 1px solid #000000;
}

Et là tu arrive à peu près à la même chose, pour peu que tu mettes l'attribut "cellspacing=0" et "cellpading=0" dans le code HTML de ton tableau....

C'est relativement énervant !!!

[Bisûnûrs]

Code CSS :

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

border:4px double #000

[Mister Nono]

Voici une solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
table {
    border: 1px solid #aaaaaa;
    border-bottom: none;
    border-right: none;
}
 
 
table th, table td {
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

... avec la balise :

Code :

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

1
2
 
<table cellspacing='0' cellpadding='0' >... </table>

A+