Gmail Background Image Overhang
The left image is how it appears online and how it's suppose to be displayed. The right image shows how it appears in gmail. There's overhang with the background color/image for gmail. I've set row and table heights, borders to 0, padding and margins to 0, yet all tops and bottoms of tables in gmail with background colors have various overhangs! Argh! How can I fix this?
The code for the top box is shown.
<table cellpadding="0" cellspacing="0" border="0" width="150px" bgcolor="#7064aa"> <tr> <td><img width="10px" height="10px" src="#" alt="" /></td> <td width="130px" height="10px"></td> <td><img width="10px" height="10px" src="#" alt="" /></td> </tr> <tr> <td colspan="3" valign="top" style="padding:0 10px; color:#ffffff" height="160px"> <div align="center" style="margin-bottom:10px"><img width="130px" src="#" alt="" /> </div> Discover fun travel careers with top companies like </td> </tr> <tr> <td colspan="3" valign="bottom" align="right" style="padding:0 7px"><a href="#"><img border="0" src="#" alt="Learn More Here" /></a> </td> </tr> <tr> <td><img width="10px" height="10px" src="#" alt="" /></td> <td height="10px"></td> <td><img width="10px" height="10px" src="#f" alt="" /></td> </tr> </table>
-
Joshua Uebergang -
Thanks - 1 reply
{{ DiscussionBoard.errors[2879423].message }}-
Joshua Uebergang -
Thanks
{{ DiscussionBoard.errors[2883213].message }} -
-