« previous next »
Pages: [1]

Author Topic: HTML rendering a mess  (Read 7124 times)

Offline priehl

  • Newbie
  • *
  • Posts: 6
HTML rendering a mess
« on: February 25, 2014, 12:53:57 PM »
I have a daily notification in html I get that even looks good on Runbox, but is mashed almost to illegibility by Roundcube. Is there anyone who might be interested in the problem that I should send a copy to?
Logged

Offline alec

  • Hero Member
  • *****
  • Posts: 1,365
Re: HTML rendering a mess
« Reply #1 on: February 26, 2014, 03:40:30 AM »
Open a ticket on http://trac.roundcube.net and attach the message source, please.
Logged

Offline priehl

  • Newbie
  • *
  • Posts: 6
Re: HTML rendering a mess
« Reply #2 on: February 26, 2014, 07:48:06 AM »
Thanks, will do.
Logged

Offline priehl

  • Newbie
  • *
  • Posts: 6
No such luck.
« Reply #3 on: February 26, 2014, 09:17:33 AM »
Actually, looks like it ain't gonna happen since I have to verify my email address to post a ticket, and the system refuses to send a verification email, despite multiple tries with four different email addresses (unless it takes many hours to send a verification email).
Logged

Offline priehl

  • Newbie
  • *
  • Posts: 6
Here's the html in case someone else wants to check it out or submit
« Reply #4 on: February 26, 2014, 12:01:47 PM »
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head><title></title></head><body style="min-width:600px">
 
    <center>
      <table cellpadding="0" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:0px solid #111111; background-color:#111111;">
        <tr>
          <td align="left">
            <img src="http://d2616tuem1neks.cloudfront.net/email_assets/bblogo100.jpg" />
          </td>
          <td align="right" vertical-align="top" style="color:#ffffff;">
            Today's Deals &nbsp;
          </td>
        </tr>
      </table><br />
     
<table cellpadding="15" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:1px solid #aaaaaa;">
  <tr>
    <td align="left" valign="top">
      <img src="http://res.cloudinary.com/bookbub/image/upload/c_limit,q_65,w_200/v1393003476/1-000-creative-writing-prompts-volume-2-by-bryan-cohen.jpg" />
    </td>
    <td align="center" valign="top">
      <h1 style="font-weight: bold; font-size: 30px; line-height: 1; color: #111111; margin:0; padding: 0;">1,000 Creative Writing Prompts: Volume 2</h1>
      <h2 style="font-weight: normal; font-size: 16px; line-height: 1; color: #555555; margin:0 0 10px 0; padding: 0;">By Bryan Cohen and Jeremiah Jones</h2>
      <h3 style="font-weight: normal; font-size: 14px; line-height: 1.14; color: #111111; margin:0 0 10px 0; padding: 0;">Staring down at an empty page? Try this lively collection of jumping-off points for stories, books, blog posts — wherever your words will take you. Look for prompts in sections covering times, places, and people from all parts of life that will get your creative juices flowing again.</h3>
      <h4 style="font-weight: bold; font-size: 48px; line-height: 1; color: #AA0000; margin:0; padding: 0;">$0.99</h4>
      <p style="font-weight: normal; font-size: 16px; line-height: 1; color: #555555; margin:0 0 15px 0; padding: 0;">Originally: <span style="text-decoration:line-through;">$2.99</span></p>

     
       
         
            <h5 style="font-weight: bold; font-size: 14px; line-height: 1; color: #555555; margin:0 0 4px 0; padding: 0;">Get Deal:</h5>
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c095bf9166dd8724647b41846a95e2fe2c1cf12408406ca522d5c0c6724584377f2d58c0575b9779a"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">Amazon</a>
       
     
       
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c09343b368fd3fdb57bf19dfa0bd0e9b9e56cdad57062077d83bec352c127cba2828fa417fdc9d1dc"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">B & N</a>
       
     
       
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513ccdae43625b9082c83e13273c5b2438b3b97fcc6ca9584093ad6171e20379c7853098f33c09601843"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">Kobo</a>
       
     

      <h5 style="font-weight: normal; font-size: 14px; line-height: 1; color: #555555; margin:10px 0 0 0; padding: 0;">Deal ends: 2/28/14</h5>
      <h6 style="font-weight: normal; font-size: 12px; line-height: 1; color: #AAAAAA; margin:5px 0; padding: 0;">Category: Advice and How-To</h6>
    </td>
  </tr>
</table>
<br />

<table cellpadding="15" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:1px solid #aaaaaa;">
  <tr>
    <td align="left" valign="top">
      <img src="http://res.cloudinary.com/bookbub/image/upload/c_limit,q_65,w_200/v1393003053/disturbed-ground-by-carla-norton.jpg" />
    </td>
    <td align="center" valign="top">
      <h1 style="font-weight: bold; font-size: 30px; line-height: 1; color: #111111; margin:0; padding: 0;">Disturbed Ground</h1>
      <h2 style="font-weight: normal; font-size: 16px; line-height: 1; color: #555555; margin:0 0 10px 0; padding: 0;">By Carla Norton</h2>
      <h3 style="font-weight: normal; font-size: 14px; line-height: 1.14; color: #111111; margin:0 0 10px 0; padding: 0;">The #1 <i>New York Times</i> bestselling author of <i>Perfect Victim</i> is back with another true crime thrill ride!  Grandmotherly Dorothea Puente ran a Sacramento boarding house and seemed like the perfect hostess… until dead bodies were discovered buried in her garden! “A classic” (Ann Rule)!</h3>
      <h4 style="font-weight: bold; font-size: 48px; line-height: 1; color: #AA0000; margin:0; padding: 0;">$0.99</h4>
      <p style="font-weight: normal; font-size: 16px; line-height: 1; color: #555555; margin:0 0 15px 0; padding: 0;">Originally: <span style="text-decoration:line-through;">$5.99</span></p>

     
       
         
            <h5 style="font-weight: bold; font-size: 14px; line-height: 1; color: #555555; margin:0 0 4px 0; padding: 0;">Get Deal:</h5>
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c40c32f3c1b3ab7fb981dcdf11036708fc1b3855370cabe61ea379495a20fa759981d68f3d7571bdc"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">Amazon</a>
       
     
       
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c337a621ffb4ab2dd4e9c7505b9377d1ea6d49a2f08296d686b4533a08356d494a40d20ff450a9446"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">B & N</a>
       
     
       
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513cabf54113d8e92fcd0edec75c1bb723981463a20c727440cab6b277d419d4da74eb7264c9b7b31803"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">Kobo</a>
       
     

      <h5 style="font-weight: normal; font-size: 14px; line-height: 1; color: #555555; margin:10px 0 0 0; padding: 0;">Deal ends: 3/1/14</h5>
      <h6 style="font-weight: normal; font-size: 12px; line-height: 1; color: #AAAAAA; margin:5px 0; padding: 0;">Category: General Nonfiction</h6>
    </td>
  </tr>
</table>
<br />

<table cellpadding="15" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:1px solid #aaaaaa;">
  <tr>
    <td align="left" valign="top">
      <img src="http://res.cloudinary.com/bookbub/image/upload/c_limit,q_65,w_200/v1393002557/karma-of-the-silo-the-collection-by-patrice-fitzgerald.jpg" />
    </td>
    <td align="center" valign="top">
      <h1 style="font-weight: bold; font-size: 30px; line-height: 1; color: #111111; margin:0; padding: 0;">Karma of the Silo: The Collection</h1>
      <h2 style="font-weight: normal; font-size: 16px; line-height: 1; color: #555555; margin:0 0 10px 0; padding: 0;">By Patrice Fitzgerald</h2>
      <h3 style="font-weight: normal; font-size: 14px; line-height: 1.14; color: #111111; margin:0 0 10px 0; padding: 0;">Karma lives in the Silo, one of the cramped underground cities surviving on a post-apocalyptic Earth. But she has visions of another world — one in the open air, with a loving husband. Can she pass on her dreams of life above ground? A must-read tale set in the world of Hugh Howey’s <i>Wool</i>.</h3>
      <h4 style="font-weight: bold; font-size: 48px; line-height: 1; color: #AA0000; margin:0; padding: 0;">$0.99</h4>
      <p style="font-weight: normal; font-size: 16px; line-height: 1; color: #555555; margin:0 0 15px 0; padding: 0;">Originally: <span style="text-decoration:line-through;">$5.99</span></p>

     
       
         
            <h5 style="font-weight: bold; font-size: 14px; line-height: 1; color: #555555; margin:0 0 4px 0; padding: 0;">Get Deal:</h5>
         
          <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c66303224921761dfec0fec4de7946b6933cabb3d2d0eb03a6b423fc15f9b6d4583dd9e86b388744b"  style="background-color: #338833; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 3; border: 10px solid #338833; text-decoration: none; margin: 0; padding: 0; white-space: nowrap;">Amazon</a>
       
     

      <h5 style="font-weight: normal; font-size: 14px; line-height: 1; color: #555555; margin:10px 0 0 0; padding: 0;">Deal ends: 2/27/14</h5>
      <h6 style="font-weight: normal; font-size: 12px; line-height: 1; color: #AAAAAA; margin:5px 0; padding: 0;">Category: Science Fiction</h6>
    </td>
  </tr>
</table>
<br />


      <table cellpadding="13" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:1px solid #111111; background-color:#F7F7F7;">
        <tr>
          <td align="center" valign="top" style="width:300px">
            <h1 style="font-weight: bold; font-size: 28px; color: #111111; margin:0; line-height: 130%;">
              Invite Friends
            </h1>
            <h2 style="font-weight: normal; font-size: 14px; color: #333333; margin:0 0 15px 0; line-height: 110%;">
              Do your friends love to read?<br />
              Invite them to join BookBub today!
            </h2><a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513ca0805d7479e6be637ed76b87a3e8dcc98fb19c77b5945da43953c9483ae7b3f7" style="border: 10px solid #585B5B; background-color: #585B5B; color: #FFFFFF; text-align: center; font-size: 20px; font-weight: bold; margin: 5px 0px; line-height: 110%; display: block; text-decoration: none; width: 160px;">Send Invites</a>
          </td>
          <td align="center" valign="top" style="width:300px">
            <h1 style="font-weight: bold; font-size: 28px; color: #111111; margin:0; line-height: 130%;">
              Get More Books
            </h1>
            <h2 style="font-weight: normal; font-size: 14px; color: #333333; margin:0 0 15px 0; line-height: 110%;">
              Don't see any books you want? Take a few seconds to tell us what you like to read.
            </h2><a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c606cd9965d5b1d7efb81475e09fa9fcdbad3afd08120bfd720d1cc51a317fb8d1a33a6a766d4211b" style="border: 10px solid #585B5B; background-color: #585B5B; color: #FFFFFF; text-align: center; font-size: 20px; font-weight: bold; margin: 5px 0px; line-height: 110%; display: block; text-decoration: none; width: 160px;">Update Account</a>
          </td>
        </tr>
      </table><br />
      <table cellpadding="13" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:1px solid #111111; background-color:#F7F7F7;">
        <tr>
          <td align="center">
            <h1 style="font-weight: normal; font-size: 15px; color: #333333; margin:0 0 0 0; line-height: 100%;">
              Were you forwarded this email? <b>Join BookBub today</b> — <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513ceb427f1cfe6b4f027b65dd3370d7d9a5e072f94d4c29ae32ca5125b1990a0808" style="color: #111111">subscribe for free instantly</a>!
            </h1>
          </td>
        </tr>
      </table><br />
      <table cellpadding="0" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:0px;">
        <tr>
          <td align="center">
            <h6 style="font-weight: normal; font-size: 12px; color: #555555; margin:0; line-height: 110%;">
              All prices were verified by BookBub when this email was sent, but prices may change without notice so please verify that the deal is still available before downloading. For free Kindle books, confirm that Amazon's "Kindle Price" is still $0.00. Some deals may not be available outside the United States.
            </h6>
          </td>
        </tr>
      </table><br />
      <table cellpadding="0" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:0px;">
        <tr>
          <td align="center">
            <h6 style="font-weight: normal; font-size: 12px; color:#555555; margin:5px 0 0 0; line-height: 110%;">
              <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c606cd9965d5b1d7efb81475e09fa9fcdbad3afd08120bfd720d1cc51a317fb8d1a33a6a766d4211b" style="color: #555555;">Update your deal categories</a>
            </h6>
          </td>
        </tr>
      </table><br />
      <table cellpadding="0" cellspacing="0" style="width:600px; margin:0px auto; font-family: Arial, Helvetica, sans-serif; border:0px;">
        <tr>
          <td align="center">
            <h6 style="font-weight: normal; font-size: 12px; color: #555555; margin:0; line-height: 110%;">
              This email was sent to bookbub-4doug@snkmail.com
            </h6>
            <h6 style="font-weight: normal; font-size: 12px; color: #555555; margin:5px 0 0 0; line-height: 110%;">
             
              <a href="http://click.e.bookbub.com/?qs=bc48f483b1f9513c7e1b3c9a13f4b3278194056ad0cd22f231c2e202f2be11454de06d45f28cc94940c88083f2b580aa" style="color: #555555;">Unsubscribe from BookBub</a>
            </h6>
            <h6 style="font-weight: normal; font-size: 12px; color: #555555; margin:5px 0 0 0; line-height: 110%;">
              BookBub · 1 Broadway 14th floor · Cambridge, MA 02142
            </h6>
          </td>
        </tr>
      </table>
    </center>
    <img src="http://click.e.bookbub.com/open.aspx?ffcb10-fecb117374660474-fe591078726204757717-fe9212717c60017f77-ff601d7574-fe6a15727c62067d7515-ff2f17727163" width="1" height="1">
 
</body>
</html>
Logged

Offline priehl

  • Newbie
  • *
  • Posts: 6
Here's how I see it in RoundCube/Runbox beta
« Reply #5 on: February 26, 2014, 12:07:18 PM »
Screen shot.
Logged
Pages: [1]
« previous next »