The image at the top is not filling the whole block in Outlook. Is there anything I can do to prevent that? I’ve made sure there is no block padding, no image padding, I’ve clicked the fill column button. It’s only in Outlook, it looks correct everywhere else, do I just have to live with it for outlook?
Best answer by MANSIR2094
Hello
Ohh great work on keeping things tidy and welcome to the community by the way,
The layout is clean and vibrant, Outlook is just picky with how it handles images because it uses the word engine to render emails.
Here's a solid fix that works, wrap the image in a table and set its width explicitly. Here's the HTML snippet to
Try:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">
<img src="your-image-url.jpg" width="600" style="display:block; width:100%; max-width:600px;" border="0" alt="Funny Farm Goat Cheese" />
</td>
</tr>
</table>
Replace "Your-image-url.jpn" with your actual image link.
This forces Outlook to treat it right- no padding weirdness, no alignment issues.
Let me know if the issue still shows- but this usually nails it.
+19Hello
Ohh great work on keeping things tidy and welcome to the community by the way,
The layout is clean and vibrant, Outlook is just picky with how it handles images because it uses the word engine to render emails.
Here's a solid fix that works, wrap the image in a table and set its width explicitly. Here's the HTML snippet to
Try:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">
<img src="your-image-url.jpg" width="600" style="display:block; width:100%; max-width:600px;" border="0" alt="Funny Farm Goat Cheese" />
</td>
</tr>
</table>
Replace "Your-image-url.jpn" with your actual image link.
This forces Outlook to treat it right- no padding weirdness, no alignment issues.
Let me know if the issue still shows- but this usually nails it.
+5Hi
Thank you for reaching out to the community. To add to
Is the image 600px width? If it is smaller than that, the image will not fill the whole frame.
+19Hey
Great to see you here. Love the branding!
if it is 600px width, then check:
Hope that helps
Posting the full solution below in case anyone else comes across this. Two things helped the issue -
Removing that padding did mess up the mobile layout so I had to add some image blocks that were mobile only and desktop only.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.