why the margin padding doesn't work in table td and tr?

Question

<table  border="0" style="padding:10px;width: 960px;border-collapse: collapse;">

   <tbody>
<tr>
<td  style="padding: 0"><img src="8.jpg" alt="" /></td>
<td  style="padding: 0"><img src="98.jpg" alt="" /></td>
<td  style="padding: 0"><img src="998.jpg" alt="" /></td>
<td  style="padding: 0"><img src="1998.jpg" alt="" /></td>
</tr>
<tr>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
</tr>
<tr>
<td  style="padding: 0"><img src="8.jpg" alt="" /></td>
<td  style="padding: 0"><img src="98.jpg" alt="" /></td>
<td  style="padding: 0"><img src="998.jpg" alt="" /></td>
<td  style="padding: 0"><img src="1998.jpg" alt="" /></td>
</tr>

</tbody>
</table>

why i can't add margin padding to the tr and td? i want the td (<td style="background-color: #757575;">11194</td>) have margin-right.namely, each separated by some space. but can't work. how to correct it. and the second tr have some space between the following tr.

Answer 1

margin specifications are ignored for table cells Refer: http://www.w3.org/TR/CSS2/tables.html and CSS Cell Margin

Internal table elements generate rectangular boxes with content and borders. Cells have padding as well. Internal table elements do not have margins.

If you wanna add padding, just set border-collapse:separate refer: http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse

Answer 2

I guess you are asking for border-collapse; so try using it...

table {
   border-collapse: collapse;
}

If you want to add padding you can do it like

table.class_name td {
   padding: 0; 
}

Answer 3

The reason because you are giving padding on table element and on td and you are giving padding:0

Remove border-collapse: collapse from table element and you can handle padding and margin easily in this table.

See the demo fiddle for concepts: http://jsfiddle.net/GVt3z/

Note: Above fiddle is not containing exact answer.

See updated fiddle for margin-right space but with different technique.

http://jsfiddle.net/GVt3z/1/