SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Html email -- space between tables

    Hi,

    I created an html email and it looks great except in Firefox email clients. There is a small horizontal space between tables whether it's hotmail, gmail or yahoo. Any ideas why that may be?

    Thank you,
    Meryl

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,221
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    It would be useful to see your code. Preferably, have everything in one big tables, with more tables within table cells if need be.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I resolved the issue I spoke of but I still have a similar with another email. It's not specific just to one browser. I have this problem on my email client. Even though I indicated my valign="bottom" my images are not sitting on the bottom-border. Here is my code--thank you:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>none</title>
    </head>
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor='#f5f5f5' >


    <table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0">
    <tr>
    <td style="padding-top:10px; padding-bottom:5px; font-size: 10px; color:#000000; font-family: verdana, arial, sans-serif;">
    <center>
    View this email <a href="#" style=" text-decoration:underline; color:#000;">online.
    </a>
    </center></td>
    </tr>
    </table>



    <table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0" style="border-bottom:1px solid #000;">
    <tr>
    <td width="600" valign="top" align="center" colspan="2"> <a href="#" style="text-decoration:none">
    <img src="http://aa.com/aw/aaimg/topeff2.gif" alt="Stay Connected" width="600" height="79" border="0">
    </a></td></tr>
    <tr>
    <td width="299" valign="top" align="center">

    <table width="299" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0" style=" border-right:1px solid #000;"><tr>
    <td width="299" valign="top" align="center" style= "padding-top:20px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:120%; font-weight:bold;">How much do the biggest Virginia.<br>
    advertisers spend?</td></tr>
    <tr><td width="299" valign="bottom" align="center" style="display:block;"><a href="#"><img src="http://aa.com/aw/aaimg/mcdataeff2.jpg" alt="Spend" width="239" height="179" border="0"></a>
    </td></tr></table></td>

    <td width="300" valign="top" align="center">
    <table width="300" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0" ><tr>
    <td width="300" valign="top" align="center" style= "padding-top:20px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:120%; font-weight:bold;">
    Want to know who pulls in the most<br>
    revenue by name, including <br>
    tech, hospitals and PR?
    </td></tr>
    <tr>
    <td width="300" valign="bottom" align="center" style="display:block;"><a href="#" style="text-decoration:none;"><img src="http://aa.com/aw/aaimg/appleeff2.jpg" alt="Revenue" width="260" height="164" border="0"></a></td></tr></table></td></tr></table>


    <table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0">
    <tr>

    <td width="600" colspan="2" valign="top" align="left" style= "padding-left:35px; padding-top:10px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:120%;">
    <em>Company</em> can tell you so much about potential clients, your competition and the
    marketplace. But only if you <a href="#" style="font-weight:bold; color:#eb9700;">RENEW now!</a><br><br>

    By renewing your Company subscription now, you'll continue to receive/td></tr>

    <tr>
    <td width="475" valign="top" align="left" style= "padding-left:35px; padding-right:35px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:120%;">

    <ul>

    <li style="padding-bottom:5px;">Profiles of top U.S. advertisers, and global marketers </li>

    <li style="padding-bottom:5px;">Information on which agencies and account </li>

    <li style="padding-bottom:5px;">Revenue reports </li>

    <li style="padding-bottom:5px;">Interactive ventures companies</li></ul></td>
    <td width="125" valign="top" align="left"><a href="#" style="text-decoration:none">
    <img src="http://aa.com/aw/aaimg/bursteff2.gif" alt="Lowest Price Available" width="83" height="84" border="0">
    </a></td>

    </tr>
    <tr>
    <td width="600" colspan="2" valign="top" align="left" style= "padding-left:35px; padding-right:35px; padding-bottom:20px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:120%;">
    This information
    in this market. Please <a href="#" style="font-weight:bold; color:#eb9700;">renew now</a> to ensure you have it
    when you need it!</td>

    </tr></table>

    </body>
    </html>

  4. #4
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I figured it out!! I need to put display:block with the img tag not the <td>

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,221
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by bluellipse View Post
    I figured it out!! I need to put display:block with the img tag not the <td>
    Well done! I was scrolling down to say use display: block as an inline style on the image, but you got there first. I do that always not (in emails) to avoid this happening.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •