[Plugin: WP-Table Reloaded] space within cells not allowing images to 'connect'

Hi,

I don’t really know what’s going on here, but the CSS in the theme seems to mess things up a little bit.
I took a look at the site using the Chrome Developer Tools and found two things that at least influence the table layout. However, I could not get it to look like one closed border…

It seems that the width of the images plays an important factor, as well as that font size with the percentage.
If I add

.wp-table-reloaded img {
  max-width: auto!important;
}
.wp-table-reloaded, .wp-table-reloaded td {
  font: 10px Tahoma,Verdana,sans-serif!important;
}

that fixes the spaces partially.
I don’t know however where the remaining one comes from ??

(Additionally: In some image cells, you have line breaks after the <img> HTML code, which results in <br/> tags that are auto-generated. I suggest to remove those line breaks as well.)

Best wishes,
Tobias

Thanks for the quick reply!

I figured out a solution that works fine – I just added a background color to the top cell, which filled in that bit of space. And I added a bottom border to the very bottom row, because for some reason adding a background color didn’t work on the bottom.

So the table doesn’t have rounded corners on the bottom, but it works for me.

Thanks for your help!

Hi,

yeah, that’s a nice solution as well! ?? Cool!

Best wishes,
Tobias

Just wanted to add that the first posted solution by JonMadof worked to get rid of spaces between my cells. I had added a background color and a hover highlight and hated the spaces that were visible.

.wp-table-reloaded {
border: none!important;
border-collapse: collapse!important;
border-spacing: 0px!important;
padding: 0px 0px 0px 0px!important;
}

This worked to get rid of the spaces. I didn’t need the margin detail in there for it to work. Thanks to you both.

Great! Glad that worked. But I really can’t take any credit, because I’m pretty sure I got the original code from another one of Tobias’ posts…