How do I remove separation between rows in a HTML table?

Question

I have a html table with 3 rows and 1 column. In the top and button row I have images and in the middle row I have div.

Between my rows I see a separation (I see background of my page). I tried to set all padding and margins to zero (for tables, div and images) and I still have this separation. Can anybody, please, help me to solve this problem.

Answer 1

Try using 'border-collapse':

table {
  border-collapse: collapse;
}

Answer 2

Set the cellspacing=0 in the <table> tag as well as cellpadding=0.