HTML Email - How do I get my 2 row, 4 column table to render properly Outlook 2007 - 2016
Question
I am having trouble with a displaying a table in Outlook 2007 - 2016 for Windows (looks fine for Mac and in Browsers)
It should be centered, but Outlook is displaying it aligned to the left, and pretty much all the formatting is wrong.
I have attached images below of how it looks in the Browser (which is correct) and also what it looks like in Outlook (which looks awful)
Any advise? I have provided my code
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Untitled</title> </head> <body> <table height="100px" width="550px" cellspacing="20px "style=" font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#000; font-size: 10.53pt; background-color: #e6e6e6; margin:auto;"> <tr> <td colspan="4"> <table style="width:100%;"> <tr height="30px"> <td width="50px" style="text-align: center;">Login:</td> <td width="200px" style="text-align: center; background-color: #fff; color: #7e7e7e;">###</td> <td width="75px" style="text-align: center;">Password:</td> <td width="200px" style="text-align: center; background-color: #fff; color: #7e7e7e;">###</td> </tr> </table> </td> </tr> <tr> <td colspan="4"> <table style="width:100%;"> <tr height="30px"> <td></td> <td bgcolor="#9f1b32" style="width:200px; text-align: center; color: #fff; text-decoration:none;font-weight: bold; font-size:12px;line-height:30px;text-align:center;text-decoration:none;width:180px;-webkit-text-size-adjust:none;mso-hide:all;">RENEW NOW ></td> <td></td> </tr> </table> </td> </tr> </table> </body> </html>
1 answers
solution1
0 ACCPTED 2018-03-23 14:34:25
Login: ### Password: ### RENEW NOW >
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How do I send html responsive email by outlook 2016?
How to do background-repeat in an HTML email that works in Outlook 2007?
How do I fix my email template for just Outlook 2003, 2007 and 2013
How do I fix an issue with Outlook 2016 not showing an HTML template properly?
Outlook 2007 adding a gap around table in html email
Collapsible table in HTML Email (Outlook 2007-2010)
How can I detect if an HTML email is being opened in Outlook 2007 or 2010?
How to use display none on outlook 2007, 2010, 2013 in html email
How to create padding in html email for Outlook 2007, 2010 & 2013?
How to make a HTML CSS Email/template for outlook 2016 [on hold]
Related Tags