email - fixed width table containing 100% width image - border right missing -
i'm creating responsive html email. @ larger viewports table fixed width @ 600px. inside table 100% width images 1px borders. in email clients right hand border not showing. presume because 100% width, plus 2px more 600px? how overcome this?
my images have display:block (if of interest). i've tried box-sizing:border-box doesn't seem work... add style image or table, or both, add code?
thanks help
mark
i'm yet try myself, 1 of these should work you. fluid technique work (hopefully) in email client on size viewport:
<!-- simple - have image area set border color (black) when image not loaded --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" bgcolor="#000000" style="padding:1px;"> <img alt="" src="http://placehold.it/350x350" width="100%" style="margin: 0; border: 0; padding: 0; display: block;"> </td> </tr> </table> <br><br> <!-- setting background color in nested table hide border color --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" bgcolor="#000000" style="padding:1px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td> <img alt="" src="http://placehold.it/350x350" width="100%" style="margin: 0; border: 0; padding: 0; display: block;"> </td> </tr> </table> </td> </tr> </table>
Comments
Post a Comment