How to delete border spacing in table

css html-table border spacing
Alexandru Vlas picture Alexandru Vlas · Mar 30, 2012 · Viewed 60.6k times · Source

I have a table, first row is like

<tr>
<th>1</th>
<th>2</th>
</tr>

I put a black background to "th". Now the 1 and 2 cells have some kind of border between/separating them... I had a look in source code and I think I found something:

border-collapse: separate;
border-spacing: 2px;

This CSS code is listed in source code as "user agent stylesheettable" and I couldn't enable/disable it to test if this is the problem, but I tried and added the same code but with "none" and "0" parameters but it didn't help neither...

Can somebody help and guide me where is the border from please?

Answer

w3uiguru picture w3uiguru · Mar 30, 2012

Your table be like below by default and set the css rules on tables ID or Class

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th>1</th>
  <th>2</th>
</tr>
</table>

css: 

border-collapse: collapse;

Related questions

How can I apply a border only inside a table?

I am trying to figure out how to add border only inside the table. When I do: table { border: 0; } table td, table th { border: 1px solid black; } The border is around the whole table and also between table cells. What …

Read More
Giving a border to an HTML table row, <tr>

Is it possible to border a table row, <tr> in one go instead of giving a border to individual cells, <td> like, This gives a border around the given <tr> but it requires a …

Read More
How to hide the border for specified rows of a table?

I want to hide the border for a specific rows of a table.How to do it? Any Idea? Sample code is Highly Appreciated.

Read More