Border de table et cellules en CSS

Version imprimable

31/10/2006, 11h45
Mister Nono

Border de table et cellules en CSS
Bonjour à tous,

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

Le code suivant :
Code:

1 2 3 4 table { border: 1px solid #000000; }
... ne rend pas la même chose. :aie:

A+ ;)
31/10/2006, 11h53
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:

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 !!!:roll: :aie:
31/10/2006, 11h57
Bisûnûrs

Code:

border:4px double #000

Voici une solution :

Code:

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:

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

A+ ;)