Can't get rid of White border on spacing box

I can’t seem to get rid of the white border on one of the spacing boxes. Here is the basic code, it is the spacing box that is 576 wide, with the black background.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table border="0" cellspacing="0" cellpadding="12">
  <tbody>
    <tr>
      <td valign="top">
        <table width="576" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td width="576" valign="top" bgcolor="#b50102">
                <table width="576" background="" style="background-repeat: repeat;" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                    <tr height="12">
                      <td height="12" valign="top" colspan="6"><img width="1" height="12" style="width: 1px; height: 12px;"></td>
                    </tr>
                    <tr>
                      <td width="12" valign="top"><img width="12" height="1" style="width: 12px; height: 1px;"></td>
                      <td valign="top">
                        <div></div>
                      </td>
                      <td width="18" valign="top"><img width="18" height="1" style="width: 18px; height: 1px;"></td>
                      <td width="360" valign="middle"><strong><font color="#cccccc" face="Arial">&nbsp;<img width="336" height="107" style="width: 336px; height: 107px;" src="">The Sample Team</font></strong>
                        <br><font color="#cccccc" face="Arial" size="2">&nbsp;company&nbsp;<br><br><font color="#cccccc" face="Arial" size="2">&nbsp;Cell: &nbsp;810-820-1413 </font>
                        <br>&nbsp;Fax: &nbsp;810-603-7417&nbsp;
                        <br><a href="" target="_blank">sample@gmail.com</a>&nbsp;</font>
                      </td>
                      <td width="164" align="right" valign="middle">
                        <div><img width="139" height="227" style="width: 139px; height: 227px;" src=""></div>
                      </td>
                      <td width="18" align="right" valign="top"><img width="18" height="1" style="width: 18px; height: 1px;" alt=""></td>
                    </tr>
                    <tr height="12">
                      <td height="12" valign="top" colspan="6"><img width="1" height="12" style="width: 1px; height: 12px;" alt=""></td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
        <table width="576" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td bgcolor="#252525"><img width="576" height="9" border="0"></td>
            </tr>
            <tr>
              <td width="576" valign="middle" bgcolor="#252525" border="0"><font color="#cccccc" face="Arial" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><a href=""></a> &nbsp;&nbsp;&nbsp;&nbsp;<a href="">Featured Listings</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Search Homes</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Website</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">About RE/MAX</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Community Info</a>&nbsp;</b></font></td>
            </tr>
            <tr>
              <td bgcolor="#252525"><img width="1" height="9" style="width: 1px; height: 9px;" alt=""></td>
            </tr>
          </tbody>
        </table>
        <table width="576" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td width="50" valign="top" bgcolor="#eaedef"><font face="Arial" size="2"></font></td>
              <td valign="top" bgcolor="#eaedef"> <font face="Arial" size="2"><br>  <div align="left"><strong style="font-family: arial,sans-serif; font-size: 13px;"><font size="6"><font color="#000099"></font></font>
                </strong>
                </div>
                <div align="left">
                  <div><font color="#000000">Dear Buyer,</font></div>
                  <div><strong><font color="#ff0000"></font></strong>&nbsp;</div>
                  <div><font color="#000000">Thank You for contacting me about information on some.&nbsp; </font></div>
                  <div><font color="#000000"><br></font></div>
                  <div><font color="#000000">

Can you post a link to your web page?

The code that you posted above is incomplete and has errors. It also does not show a white space anywhere.

If the white space is beneath an image, then you can try assigning the css style, vertical-align:top; or display:block to the image.

Why are you using tables for non-tabular data? You can’t make a responsive web site that way.

This is the 21st Century not the 20th.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.