white border on html email in ios -
we did html email dark backgrounds, perfect except thin white borders in ios. has strange behavior of appearance: bordera appears in original size, when zoom screen horizontal 1 stays. ideas how can fix it? screenshots , code snippet below https://postimg.org/image/6l32f0cbl/ https://postimg.org/image/rw0mj9ug1/
<table style="width: 600px; border-collapse: collapse;" cellspacing="0" cellpadding="0"> <tr> <td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/vip/bundle.png"></td> <td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/vip/call.png"></td> <td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/vip/delivery.png"></td> </tr> <tr> <td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: arial,helvetica, sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td> <td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: arial,helvetica, sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в call-center,<br>Офисах продаж<br>и обслуживани</div></td> <td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: arial,helvetica, sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td> </tr> </table>
this happens when apply background color 2 or more table cells individually. solve add background-color parent table.
found here.
<table style="width: 600px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"> <tr> <td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/vip/bundle.png"></td> <td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/vip/call.png"></td> <td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/vip/delivery.png"></td> </tr> <tr> <td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: arial,helvetica, sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td> <td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: arial,helvetica, sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в call-center,<br>Офисах продаж<br>и обслуживани</div></td> <td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: arial,helvetica, sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td> </tr> </table>
Comments
Post a Comment