I am trying to set up a table based email and when I put in my tables there is a space in between them. See the image below.
How the hell do I get rid of that? I know its something super simple I am missing.
I am trying to set up a table based email and when I put in my tables there is a space in between them. See the image below.
How the hell do I get rid of that? I know its something super simple I am missing.
Hi David,
it would help if you gave us the code you are using for the tables.
Are there any rules that may be overriding the table css settings?
I would be tempted to temporarily set both table styles like this:
// first try this:
<table style='outline: dotted 1px red'>
...
</table>
<table style='outline: dotted 1px blue'>
...
</table>
// then try this:
<table style='margin: 0; outline: dotted 1px red'>
...
</table>
<table style='margin: 0; outline: dotted 1px blue'>
...
</table>
Hi,
Set your tables to border-collapse:collapse (and cellspacing=“0” and cellpadding=“0” as this is an email) and set your image to display:block and the gaps should disappear with any luck.