Table Space-HTML in Outlook

家住魔仙堡 提交于 2020-01-03 04:33:05

问题


I am currently in the process of creating the newsletter for my company this quarter. I am by no means an HTML expert and this is not my main duty in my position.

The issue is that when i send the email as a test through our email marketing platfor (Switpage E Marketing), it looks fine in my inbox. However, when i send it to my boss's email, the table spacing looks terrible, the middle spacing between the top two spaces is all stretched out, and the whole newsletter table expands, making it unorganized and hideous.

I have attached the newsletter here

Thanks for your help,

Mike


回答1:


There are a few common culprits for vertical(?) spacing in email.

Firstly, set all images to display:block;. This is needed for Outlook to stop adding spaces below each image.

Also add this to your style tag table, td {border-collapse: collapse;}

Are you forwarding your email to your boss after you receive it, or is he getting it first hand? Email forwarded from Outlook will create gaps as Outlook inserts a lot of MS Word junk.

On a side note, you don't need <tbody> or <center> tags. Use align="center" instead for that.



来源:https://stackoverflow.com/questions/19034113/table-space-html-in-outlook

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!