unknown white space before box? PLEASE help

6 replies
  • WEB DESIGN
  • |
Please look at this screenshot

2011-10-20_0201 - ishansoni's library

Do you notice the little white space right after the box, before the yellow box?

Here's the code in wordpress.

2011-10-20_0213 - ishansoni's library

Code:
<table style="border: 6px dashed #cc0000; bgcolor="#ffffe8" border-collapse: collapse;" width="680" border="0"><tbody><tr><td><center><table bgcolor="#ffffe8" border="0" cellpadding="10" cellspacing="15" width="683" align="center">
  <tbody>
    <tr>
      <td>
      <div style="text-align: center;"><font color="red" face="Tahoma" size="5"><b>"Here's How To Grab Your "Irresistible Info Marketing Blueprint" &amp; Get This Bonus Package Worth $2,767.00 For A <u>Limited Time Only</u>"</b></font></div>   

<p align="left"><b>Step #1</b> - Click here &amp; get your copy of the Irresistible Info Marketing Blueprint (Be sure to choose the $497 option if you're a new customer, or the $197 option if you're upgrading.)</p>
      <p align="left">Before placing your order, be sure to clear your cookies (click here for tutorial)</p>
      <p align="left"><span style="font-weight: bold;">Step #2</span> - Just send an email to ishansoni7@gmail.com with the subject line "Get the party started! I'm in!". Be sure to include your receipt ID in the email so that I can identify your purchase & deliver you the bonuses right away without delay.&nbsp;</p>
      <p align="left"><span style="font-weight: bold;">Step #3</span> - You will get immediate access to all your bonuses within 24 hours (or sooner). You will also be sent some info on booking your appointment
for the one on one coaching.&nbsp;</p></td></tr></table>
      </td>
    </tr>
  </tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
#box #space #unknown #white
  • Profile picture of the author CSS Architect
    http://cssarchitect.com/@box/warriorforum/abc.html

    Show me the link to your site because the code you posted above looks perfectly fine to me. I'll see if I can figure it out.

    Also, which web browser are you using?
    {{ DiscussionBoard.errors[4904359].message }}
  • Profile picture of the author Ishan Soni
    I'm using Safari (since i'm on a Mac) and yeah you're right. When I post this code into dreamweaver or something and see it, its perfect. But when I paste it into wordpress I get weird gap.
    {{ DiscussionBoard.errors[4906143].message }}
    • Profile picture of the author Steven Dybka
      Try This

      Code:
      <table style="border: 6px dashed #cc0000;" width="683" border="0">
      <tbody>
      <tr>
      <td>
      <table width="682" border="0" cellspacing="15" cellpadding="10" align="center" bgcolor="#ffffe8">
      <tbody>
      <tr>
      <td>
      <div style="text-align: center;"><span style="color: red; font-family: Tahoma; font-size: large;"><strong>"Here's How To Grab Your "Irresistible Info Marketing Blueprint" &amp; Get This Bonus Package Worth $2,767.00 For A <span style="text-decoration: underline;">Limited Time Only</span>"</strong></span></div>
      <p align="left"><strong>Step #1</strong> - Click here &amp; get your copy of the Irresistible Info Marketing Blueprint (Be sure to choose the $497 option if you're a new customer, or the $197 option if you're upgrading.)</p>
      <p align="left">Before placing your order, be sure to clear your cookies (click here for tutorial)</p>
      <p align="left"><span style="font-weight: bold;">Step #2</span> - Just send an email to ishansoni7@gmail.com with the subject line "Get the party started! I'm in!". Be sure to include your receipt ID in the email so that I can identify your purchase &amp; deliver you the bonuses right away without delay.</p>
      <span style="font-weight: bold;">Step #3</span> - You will get immediate access to all your bonuses within 24 hours (or sooner). You will also be sent some info on booking your appointment for the one on one coaching.</td>
      </tr>
      </tbody>
      </table>
      </td>
      </tr>
      </tbody>
      </table>
      &nbsp;
      Signature

      {{ DiscussionBoard.errors[4907998].message }}
    • Profile picture of the author CSS Architect
      Originally Posted by Ishan Soni View Post

      When I post this code into dreamweaver or something and see it, its perfect. But when I paste it into wordpress I get weird gap.
      Yeah, DW does not always preview the codes as how it would show in browsers. You always need to check it in an actual browsers. (the F12 button on your keyboard)
      {{ DiscussionBoard.errors[4908244].message }}
  • Profile picture of the author OBaz
    Try to remove empty line, as was already suggested by Steven Dybka above...

    WordPress sometimes thinks you left it intentionally there and interprets it as <br> code.

    Other culprit can be: you are injecting your code to the page from external php file. If that the case, you need to sort out your external php page code.
    {{ DiscussionBoard.errors[4909755].message }}
  • Profile picture of the author FreeZeo
    the code works fine..the problem some code editors generates unwanted spaces when you save a project, look out for them

    good luck!
    {{ DiscussionBoard.errors[4930358].message }}

Trending Topics