Cant understand why table is with double border.

Question

I have a page: http://f1u.org/competitions

There are 3 tables. I can't understand why they all are with double border.

Please help me to understand.

score 29 · Accepted Answer · answered Dec 22 '11 at 21:37

29

Add this to the table's style:

border-collapse: collapse;

answered Dec 22 '11 at 21:37

Purag

16,941
4
54
75

Rich Adams · Answer 2 · 2011-12-22T21:42:37.177

9

By default, specifying border="1" on the <table> gives not only the table itself a border, but also all the <td>'s within it. There is also some default border spacing.

Adding border-collapse to the <table> and setting it to "collapse" will remove the spacing and collapse them into one border.

<table style="border-collapse: collapse;">

edited Dec 22 '11 at 21:42

answered Dec 22 '11 at 21:36

Rich Adams

26,096
4
39
62

score 1 · Answer 3 · answered Dec 22 '11 at 21:38

1

Just add border-collapse: collapse; to the table styles

answered Dec 22 '11 at 21:38

steveax

17,527
6
44
59

score -1 · Answer 4 · edited Dec 22 '11 at 22:56

-1

Try to set cellpadding and cellspacing to 0.

edited Dec 22 '11 at 22:56

Nate

30,286
23
113
184

answered Dec 22 '11 at 21:37

tsilik_

94
4

score -3 · Answer 5 · answered Dec 22 '11 at 21:37

-3

Ever heard of border-collapse?

answered Dec 22 '11 at 21:37

Cyrille

25,014
12
67
90

2

Good point, but demeaning tone. – Harvey A. Ramer Jun 27 '17 at 16:16

Cant understand why table is with double border.

5 Answers5