All geek questions in one place

How to remove gaps between tables and tr

<table width="33%" border="0" border-spacing: 0px; cellpadding="0" cellspacing="0"> <tr> <td colspan="4"><img src="01.png" width="619" height="143" " /></td> </tr> <tr> <td height="13" valign="top"><img 02.png" width="75" height="13" /></td> <td width="32%" valign="top"><img src="03.png" width="200" height="13" /></td> <td width="56%" colspan="2" valign="top"><04.png" width="344" height="13" /></td> </tr> <tr> <td colspan="4" valign="top"><img 05.png" width="619" height="150" /></td> </tr> <tr> <td colspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="85%"><img src="06.png" width="474" height="28" /></td> <td width="11%"><img src="07.png" width="71" height="28" /></td> <td width="4%"><img src="08.png" width="74" height="28" /></td> </tr> </table></td> </tr> <tr> <td colspan="4" valign="top"><img src="09.png" width="619" height="144" /></td> </tr> <tr> <td colspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="76%" height="32"><img src="10.png" width="474" height="32"/></td> <td width="12%"><img src="11.png" width="71" height="32"/></td> <td width="12%"><img src="12.png" width="74" height="32"/></td> </tr> </table></td> </tr> <tr> <td colspan="4" valign="top"><img src="13.png" width="619" height="140" /></td> </tr> <tr> <td colspan="4" valign="top"><table width="99%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="76%"><img src="14.png" width="474" height="36"/></td> <td width="12%"><img src="15.png" width="71" height="36" /></td> <td width="12%"><img src="16.png" width="74" height="36"/></td> </tr> </table></td> </tr> <tr> <td height="109" colspan="4" rowspan="2" valign="top"><img 19.png" width="619" /></td> </tr> </table>

I have this code in my email template. When I compile it on my local page, it works fine, but when I send it by email, gaps between rows and tables appear. I tried this as well

  <style> table { border-spacing: 0px; } </style>

But did not work. Does anyone know about this issue?

Or how should I print it in php? so that he sends the image by email. Because, having received an email when I forward it, it shows me correctly, because it becomes an image. Therefore, I am going to do this as an image before removing the email in the script. But how can I print this html in php?

+4
source share
2 answers
 <table ... border-spacing: 0px; ...>

This is not valid markup. border-spacing will be placed in the style property:

 <table ... style="border-spacing: 0px;" ...>

To remove an interval, simply add:

 table { border-collapse: collapse; }
+6
source

try it

 <table cellspacing="0" cellpadding="0"> </table>
+1
source

Source: https://habr.com/ru/post/1469453/

More articles:


All Articles