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

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -