CODEWITHSUNDEEP
htmlcss
senzacionale
senzacionale

Reputation: 20916

HTML table appears different in Gmail compared to a browser

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <table width="100%" height="131" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="570" height="131">
                        <img title="header_agado_zg_lv.jpg" alt="header_agado_zg_lv.jpg" border="0" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_lv.jpg" width="570" height="131">
                    </td>
                    <td>
                        <table width="130" height="131" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><img title="header_agado_zg_ds1.jpg" alt="header_agado_zg_ds1.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds1.jpg" width="130" height="19" border="0"></td>
                            </tr>
                            <tr style="height: 25px;">
                                <td style="height: 25px;"><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds2.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds3.jpg" alt="header_agado_zg_ds3.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds3.jpg" width="130" height="12" border="0"></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds4.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds5.jpg" alt="header_agado_zg_ds5.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds5.jpg" width="130" height="12" border="0"></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds6.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds7.jpg" alt="header_agado_zg_ds7.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds7.jpg" width="130" height="13" border="0"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td><img title="header_agado_sp.jpg" alt="header_agado_sp.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_sp.jpg" width="700" height="152"></td>
    </tr>
</table>
                                                                                </tr>
                                                                            </table>!

Gmail: enter image description here

Browser:

enter image description here

Why does the page appear different in Gmail to how it appears in a browser? How can I solve this problem?

Upvotes: 0

Views: 144

Answers (1)

Ani
Ani

Reputation: 4523

Add Inline style to each image tag in email :

For example:

<img title="header_agado_zg_lv.jpg" alt="header_agado_zg_lv.jpg" border="0" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_lv.jpg" width="570" height="131" style='border: none; display:block;' />

In short style='border: none; display:block;'

Upvotes: 3

Related Questions