0

I have developed a email newsletter. My developed email newsletter is working fine on all email clients except Outlook 2013 .

I am using an image in my email newsletter but it is not taking the table width which I have given, it is taking its own width i.e. 658px image attached

and the code for this table is

<table bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="600px" align="center">
  <tbody>
    <tr>
      <td style="align:center;vertical-align:top;width:600px"> 
        <div style="width:600px;align:center">
          <img src="images/demo1.png" style="width:600px">
        </div>
      </td>
    </tr>
  </tbody>
</table>

Please provide suggestions on how to put the image inside the table

2 Answers 2

0
<table bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="600px" align="center">
<tbody><tr>
<td style="align:center;vertical-align:top;width:600px"> 
<div style="width:300px;align:center">
<img src="images/demo1.png" width="300">
</div>
</td>
</tr>
</tbody></table>`

Try this also

<img src="images/demo1.png"  style="margin: 0; border: 0; padding: 0; display: block;" width="300">
6
  • no . still not getting the result . image is till taking its own width Jun 2, 2016 at 5:00
  • i modified again give like that
    – Mani
    Jun 2, 2016 at 5:01
  • replace the above mentioned img line onle and check
    – Mani
    Jun 2, 2016 at 5:19
  • sorry? did'nt get that Jun 2, 2016 at 5:31
  • image is taking its own width which is 658px but i wanr to give 600px width to image , which is not working . image extension is .png Jun 2, 2016 at 5:32
0

try this, just set your width inside div and td tags and make image tag's width=100%.

<table bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="600px" align="center">
<tbody><tr>
<td style="align:center;vertical-align:top;width:600px"> 
<div style="width:300px;align:center">
<img src="images/demo1.png" style="width:100%;">
</div>
</td>
</tr>
</tbody></table>`
4
  • change your table like <table style="bgcolor:#ffffff; cellpadding:0; cellspacing:0; width:600px; align:center;"> ,let me know after that..
    – Harshita
    Jun 2, 2016 at 6:19
  • not working . except outlook 2013 my code for email newsletter is working fine on all email newsletter clients Jun 2, 2016 at 6:25
  • make background-repeat:no-repeat; and -webkit-background-size: cover;
    – Harshita
    Jun 2, 2016 at 6:30
  • no positive result . same issue . image is still taking its own width in outlook 2013 Jun 2, 2016 at 6:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.