The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> display issue with table, table not displaying correctly in Gmail
Pooja
post Feb 6 2012, 02:48 PM
Post #1





Group: Members
Posts: 1
Joined: 6-February 12
Member No.: 16,412



Hi-

I've compiled an email newsletter and tested it in 3 different email clients. It looks fine in Outlook and Hotmail (although the gradient background in the boxes isn't showing up at all but hey, I gotta pick my battles) but Gmail is displaying part of it weird. For some reason, the table cells in the main content portion expand WAY too far to the right and it's throwing everything off. I've tried researching this online to find a solution but everything I try doesn't work. Here is a screenshot of the issue: http://tinypic.com/r/34i0391/5

and this is a screenshot of what it should look like: http://tinypic.com/r/2imaxdc/5

The code is below. If anyone can let me know what I'm doing wrong it would be greatly appreciated! I need to get this out ASAP so the sooner the better. Thanks so much!


-Pooja

----

Code:

CODE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Random House Reader's Circle</title>
</head>

<body>
<table width="700" border="0" cellspacing="0" cellpadding="0" style="font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">
  <tr>
    <td colspan="5"><table width="700" border="0" cellspacing="0" cellpadding="0">
    <tr><td style="text-align: center; font-size: 10px; color: #646464; padding: 8px; line-height: 12px; background-color: #F3F3F3; margin-bottom: 5px;">To ensure you continue to receive email from Random House Reader's Circle  <br>
  please add rhrc@information.randomhouse.com to your address book.<br><br>

If you have difficulty viewing this email, <a href="http://www.randomhouse.com/rhpg/rc/newsletter/index.html" style="color: #333;" target="_blank">click here</a>. </div></td></tr>
  <tr>
    <td><a href="http://www.randomhousereaderscircle.com" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/RHRC-new-newsletter-header.gif" alt="Reader's Circle" width="700" border="0"></a></td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td rowspan="11" valign="top" width="14" bgcolor="#ffffff"> </td>

    <td colspan="3" width="672">

    <h1 style="font-size: 16px; margin: 20px 0 15px 30px; letter-spacing: .1em;"><span style="color:#456a85; text-transform:uppercase;"><span style="color: #000;">February <span style="color:#3173b0">2012</span></h1>
    <table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="196" valign="top"><a href="http://bloodbonesandbutter.net/" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/BB&B-dummy.jpg" alt="The Dead Town" border="0" style="margin: 0px; border: 0; margin-top:30px;"></a></td>
    <td width="477" valign="top" style="font-size: 13px; padding-right: 30px;"><p>Dear readers,<br><br>
    
      Welcome to the redesigned Reader's Circle e-newsletter: leaner, cleaner, and simplified to highlight the latest and greatest book club titles from Random House. While our winter here in New York has been lacking in snow, it's hardly been lacking in great books, among them Gabrielle Hamilton's incredible memoir <a href="http://bloodbonesandbutter.net/" style="color: #3173b0" target="_blank"><em>Blood, Bones & Butter: The Inadvertent Education of a Reluctant Chef</em></a>, Lisa See's <a href="#featured" style="color: #3173b0"><em>Dreams of Joy</em></a> now in paperback, and Sarah Addison Allen's <a href="http://www.sarahaddisonallen.com/" style="color: #3173b0" target="_blank"><em>The Peach Keeper</em></a>. <br><br>

And for those of you who like your historical fiction rich and transporting, don't miss Eva Stachniak's new novel <a href="http://evastachniak.com/" style="color: #3173b0" target="_blank"><em>The Winter Palace</em></a>, which tells the epic story of Catherine the Great's improbable rise to power—as seen through the ever-watchful eyes of an all-but-invisible servant close to the throne.
<br><br>
      
      Best,<br><br>

Greg<br>
<a href="mailto:gmortimer@randomhouse.com" style="color: #3173b0">gmortimer@randomhouse.com</a>
      </p></td>
  </tr>

</table>

    
      
      
   </td>
    <td width="14" rowspan="11" valign="top" bgcolor="#ffffff"></td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="#ffffff"> </td>
  </tr>
  <tr>
    <td rowspan="10" valign="top" bgcolor="#BEECFF" align="center">

      <div><img src="http://www.deankoontz.com/newsletter/narrow-top.jpg" alt="Narrow Top"></div>
      
      <div style="margin: 10px;"><a href="http://www.facebook.com/RHReadersCircle" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/Facebook-RHRC-icon.png" border="0" alt="Like us on Facebook for regulary giveaways and updates"></a></div>
      
      <div style="margin: 10px;"><a href="http://www.randomhouse.com/rhpg/rc//author-chats" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/Author-chat.png" border="0" alt="Request an author chat"></a></div>
      
      <div style="margin: 10px;"><a href="http://twitter.com/janeatrandom" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/Jane-Twitter-icon.png" border="0" alt="Connect with our paperback publisher, Jane von Mehren"></a></div>
      
      <div style="margin: 10px;"><a href="http://www.scribd.com/collections/3092967/Random-House-Reader-s-Circle" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/Scribd-icon.png" border="0" alt="Download free excerpts of great book club picks at Scribd"></a></div>
      
      <div style="margin: 10px;"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/RHRC-text-mobile-icon.png" alt="Text RHRC to 72636 for regular mobile updates"></div>
      
      <br>
      <br>
      <br>

      <br>
      
      <div style="margin: 10px;"><a href="http://www.scribd.com/RHPG/d/75061007-MWF-Seeking-BFF-My-Yearlong-Search-for-a-New-Best-Friend-by-Rachel-Bertsche-excerpt" target="_blank"><img src="http://www.randomhouse.com/rhpg/rc/newsletter/images/MWF-RHRC-Feb-ad.gif" alt="Text RHRC to 72636 for regular mobile updates" border="0"></div>
      
</td>
    <td rowspan="8" valign="top" bgcolor="#ffffff"><img src="http://www.deankoontz.com/newsletter/spacer.gif" alt="." width="16" height="16"/></td>
    <td valign="top"> <div><img src="http://www.deankoontz.com/newsletter/wide-top.jpg" alt="Wide Top"></div>
    
    <div style="padding: 20px; background-image: url(http://www.deankoontz.com/newsletter/item-gradient.jpg); background-repeat: repeat-x; background-position: bottom left;">
      <table border="0" cellspacing="0" cellpadding="0" style="font-size: 13px;">
        <tr>

          <td valign="top"><div style="float: left; margin: 0 15px 0 0; border: 3px double #000;"><a href="http://www.randomhouse.com/rhpg/rc//2012/02/02/enter-to-win-a-copy-of-vaclav-lena-by-haley-tanner" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780812981636.jpg" alt="Vaclav & Lena" width="120" border="0"/></a></div></td>
          <td valign="top"><p><b style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-transform: uppercase;">GIVEAWAY: VACLAV & LENA</b>
            <br><br>
            "<em>Vaclav & Lena</em> is a book to—forgive the word—cherish. It's all the secrets we keep growing up; it's what it's like to be a kid alone; what it's like, how exciting, to be a kid finally with a best friend; what it's like, later, to fall in love. It's all those things <em>exactly</em>. The hope, the earnestness, the anxiety, the wonder, <em>exactly</em>." —<strong>Cameron, Goodreads.com (5 stars)</strong>  </p>

<table style="font-size: 13px;">
  
  <tr><td width="7" align="left" valign="top">•</td><td width="220" align="left" valign="top"><a href="http://www.randomhouse.com/rhpg/rc//2012/02/02/enter-to-win-a-copy-of-vaclav-lena-by-haley-tanner" style="color: #3173b0" target="_blank">Click here to enter</a></td></tr>
  
    <tr><td width="7" align="left" valign="top">•</td><td width="220" align="left" valign="top"><a href="http://www.scribd.com/RHPG/d/53031957-Vaclav-Lena-A-Novel-by-Haley-Tanner" style="color: #3173b0" target="_blank">Read an excerpt</a></td></tr>
          </table></td>
          </tr>
  </table>
      
      
      
    </div>   </td>
  </tr>

  <tr>
    <td valign="top" bgcolor="#ffffff"> </td>
  </tr>
  <tr>
    <td valign="top">
      <div><img src="http://www.deankoontz.com/newsletter/wide-top.jpg" alt="Wide Top"></div>
    
    <div style="padding: 20px; background-image: url(http://www.deankoontz.com/newsletter/item-gradient.jpg); background-repeat: repeat-x; background-position: bottom left;">
      <table border="0" cellspacing="0" cellpadding="0" style="font-size: 13px;">
        <tr>

          <td valign="top"><div style="float: left; margin: 0 15px 0 0; border: 3px double #000;"><a href="http://www.lisasee.com/dreamsofjoy/" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780812980547.jpg" alt="Dreams of Joy" width="120" border="0"/></a></div></td>
          <td valign="top"><p><b style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-transform: uppercase;">FEATURED TITLE</b><a name="featured"></a>
            <br><br>
            <strong>The #1 <em>New York Times</em> bestselling sequel to <em>Shanghai Girls</em> is now in paperback! </strong><br>
<br>

"Astonishing . . . one of those hard-to-put-down-until-four-in-the-morning books . . . a story with characters who enter a reader’s life, take up residence, and illuminate the myriad decisions and stories that make up human history."—<em>Los Angeles Times</em></p>
            <table style="font-size: 13px;">
              
              <tr><td align="left" valign="top">•</td><td align="left" valign="top"><a href="http://www.lisasee.com/Events.htm" target="_blank" style="color: #3173b0;">View Lisa's tour cities</a></td></tr>
              <tr><td align="left" valign="top">•</td><td align="left" valign="top"><a href="mailto:writersee@aol.com" target="_blank" style="color: #3173b0;">Invite Lisa to speak to your book club</a></td></tr>
              
              <tr><td align="left" valign="top">•</td><td align="left" valign="top"><a href="http://www.randomhouse.com/book/163640/dreams-of-joy-by-lisa-see/9780812980547/online_stores" target="_blank" style="color: #3173b0;">Buy the paperback or eBook</a></td></tr>
            </table></td>

          </tr>
  </table>
      
      
      
    </div>    </td>
  </tr>
  <tr>
    <td valign="top" bgcolor="#ffffff"> </td>
  </tr>
  <tr>

    <td valign="top">    
    <div><img src="http://www.deankoontz.com/newsletter/wide-top.jpg" alt="Wide Top"></div>
    <div style="padding: 20px; background-image: url(http://www.deankoontz.com/newsletter/item-gradient.jpg); background-repeat: repeat-x; background-position: bottom left;">
      <table border="0" cellspacing="0" cellpadding="0" style="font-size: 13px;" align="center">
        <tr>
          <td valign="top"><p><b style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-transform: uppercase;">Don't Miss</b></p>
            <table width="388" height="337">
            <tr>
            <td width="94">

            <a href="http://evastachniak.com/" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780553808124.jpg" border="0" width="80"/></a></td>
            <td width="94"><a href="http://www.scribd.com/RHPG/d/75061007-MWF-Seeking-BFF-My-Yearlong-Search-for-a-New-Best-Friend-by-Rachel-Bertsche-excerpt" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780345524942.jpg" border="0" width="80"/></a></td>
            <td width="94"><a href="http://www.wordandfilm.com/2011/10/getting-lucky-with-george-clooney-descendants-kaui-hart-hemmings/" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780812982954.jpg" border="0" width="80"/></a></td>
            <td width="94"><a href="http://www.williamlanday.com/books/defending-jacob/" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780385344227.jpg" border="0" width="80"/></a></td>
            </tr>
                        <tr>
            <td style="font-size:9px;"><em>The Winter Palace</em><br>
            by Eva Stachniak</td>

            <td style="font-size:9px;"><em>MWF Seeking BFF</em><br>
            by Rachel Bertsche</td>
            <td style="font-size:9px;"><em>The Descendants</em><br>
            by Kaui Hart <br>
Hemmings</td>
            <td style="font-size:9px;"><em>Defending Jacob</em><br>

            by William Landay</td>
            </tr>
                        <tr>
            <td width="94">
            <a href="http://www.randomhouse.com/book/123952/the-tigers-wife-by-tea-obreht" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780385343848.jpg" border="0" width="80"/></a></td>
            <td width="94"><a href="http://www.sarahaddisonallen.com/" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780553385601.jpg" border="0" width="80"/></a></td>
            <td width="94"><a href="http://www.facebook.com/kring.sandra" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780553386820.jpg" border="0" width="80"/></a></td>
            <td width="94"><a href="http://www.randomhouse.com/book/208465/four-of-a-kind-by-valerie-frankel" target="_blank"><img src="http://www.randomhouse.com/catalog/covers_450/9780345525406.jpg" border="0" width="80"/></a></td>

            </tr>
                        <tr>
            <td style="font-size:9px;"><em>The Tiger's Wife</em><br>
            by Tea Obreht</td>
            <td style="font-size:9px;"><em>The Peach Keeper</em><br>
            by Sarah Addison Allen</td>
            <td style="font-size:9px;"><em>A Life of Bright Ideas</em><br>

            by Sandra Kring</td>
            <td style="font-size:9px;"><em>Four of a Kind</em><br>
            by Valerie Frankel</td>
            </tr>
            </table>
            
        </td></tr></table>
    </div>    </td>

  </tr>
<tr>
    <td valign="top" bgcolor="#ffffff"> </td>
  </tr>
  <tr>
    <td valign="top">    
    <div><img src="http://www.deankoontz.com/newsletter/wide-top.jpg" alt="Wide Top"></div>
    <div style="padding: 20px; background-image: url(http://www.deankoontz.com/newsletter/item-gradient.jpg); background-repeat: repeat-x; background-position: bottom left;">
      <table border="0" cellspacing="0" cellpadding="0" style="font-size: 13px;">

        <tr>
          <td valign="top">
            <p><b style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-transform: uppercase;">Facebook Question</b>
              <br><br>
<strong>In honor of Groundhog Day, tell us: if you could only read one book over and over again, what would it be?</strong> Head over to <a href="http://www.facebook.com/RHReadersCircle" style="color: #3173b0;" target="_blank">Facebook.com/RHReadersCircle</a> to post your answer!<br><br>

<strong>REGISTER TO WIN</strong><br>
Keep in touch via our <a href="http://www.facebook.com/RHReadersCircle" style="color: #3173b0;" target="_blank">Facebook page</a> and register your club at <a href="http://www.randomhousereaderscircle.com/" style="color: #3173b0;" target="_blank">www.randomhousereaderscircle.com</a>: we’ll send you free books in the mail throughout the year!

</p>
        </td></tr></table>
    </div>    </td>
  </tr>


</table>
                <table border="0" cellpadding="20" cellspacing="0" width="686" style="padding-left:14px; margin-top: 10px; clear:both;" id="canspamBarWrapper">
<tr>
    <td colspan="3" style="padding: 0 25px 15px 25px; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; font-size: 11px; background-color:#fff;">Visit our Web site at <a href="http://www.randomhouse.com/rhpg/rc/" style="color: #3173b0;" target="_blank">www.randomhousereaderscircle.com</a> where you and your reading group can access everything from sample  excerpts and author interviews, to reading group guides, book club  tips, online chats, and contests. As always, please feel free to  forward this message to a friend if you think they might enjoy it.<br>

  <br>
  You have received this message because you have subscribed to the Random House Readers Circle list.<br>

  To unsubscribe, click <a href="http://atrandom.com/preference-center/" style="color: #3173b0;" target="_blank">here</a>. To subscribe, click <a href="http://atrandom.com/newsletters/" style="color: #3173b0;" target="_blank">here</a>.<br>
<br>
Copyright © 2012 Random House, Inc. All rights reserved | <a href="http://www.randomhouse.com/about/privacy.html" target="_blank" style="color: #3173b0;">Privacy Policy</a> | <a href="http://www.randomhouse.com/about/contact.html" target="_blank" style="color: #3173b0;">Contact Us</a></td>

  </tr>
                </table>
            </body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th April 2024 - 07:52 PM