How can I remove these white spaces in my HTML table without affecting the other rows placement? : I am fairly new to HTML and CSS, I've been working on creating a clickable banner by using a table, but Im having trouble getting rid of white spaces between my rows and spliced images. This is what the table looks like in a browser  [Browser view of table][1]


And below is my code for the table

[Image of Code][2]

I've tried inline styling using padding and margin but both seems to affect the placement of the other banners, specifically the third banner. Im quite new and not too sure what else to try, does anyone have any advice or resources I can use to figure this out?

Thanks!


  [1]: https://i.stack.imgur.com/t1H9g.jpg
  [2]: https://i.stack.imgur.com/8n6lt.png