Question

I have made the following email template,
but instead of shown data in table format; it shows the complete Html codes in the email body. Please help me fix this.

 <table style="font-family: Lucida Sans Unicode, Lucida Grande, Sans-Serif; font-size: 12px; background: #fff; margin: 45px; width: 480px; border-collapse: collapse; text-align: left;" summary="Website Uptime Statistics">
<thead>
    <tr>
        <th style="font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1;" scope="col">#S.No.</th>
        <th style="font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1;" scope="col">Website</th>
        <th style="font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1;" scope="col">Status</th>
    </tr>
</thead>
<tbody>


    <tr>
        <td style="border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;">1</td>
        <td style="border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;">http://google.com</td>
        <td style="border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;">Up</td>
    </tr>
    <tr>
        <td style="border-bottom: 1px solid #ccc; color: #009; padding: 6px 8px;">2</td>
        <td style="border-bottom: 1px solid #ccc; color: #009; padding: 6px 8px;">http://google.com</td>
        <td style="border-bottom: 1px solid #ccc; color: #009; padding: 6px 8px;">Down</td>
    </tr>
    <tr>
        <td style="border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;">$300</td>
        <td style="border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;">$300</td>
        <td style="border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px;">$300</td>
    </tr>




</tbody>
</table>

Answer 1

Have you set the content-type of the email so the receiving email application knows it contains HTML and can therefore present it properly?

Content-Type: text/html; charset=UTF-8