두 html 전자 메일 표 사이의 공간 Outlook 2007, 2013

Question

빠른 질문, 서로 옆에 앉아있는 두 개의 표가 있습니다. 모두 좋지만 Outlook 2007 및 2013에서는이 두 표의 중간에 공간이 있습니다. 약 50px 너비.

나는 내가 생각할 수있는 모든 것을 시도했다.

다음은 내가 가지고있는 것입니다.

<table border="0" cellpadding="0" cellspacing="0" align="left" class="w640" width="320"> 
    <tr><!-- Spacer --> <td height="10" width="100%"></td></tr> 
    <tr> 
     <td class="w640" height="320" width="320"> 
     <img src="image.jpg" alt="" style="display: block;" class="w640" height="320" width="320"> 
     </td> 
    </tr> 
    <tr><!-- Spacer --> <td height="10" width="100%"></td></tr> 
</table> 


<table border="0" cellpadding="0" cellspacing="0" align="right" class="w640" height="285" width="320" style="display: block;"> 
    <tr> 
     <td class="h0" height="40" width="100%"></td> 
    </tr> 
    <tr> 
     <td bgcolor="#4f77bd" class="w640" width="320"> 
      <table valign="center" align="center" valign="top" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"> 
      <tr><!-- Spacer --> <td height="15" width="100%" colspan="3"></td></tr> 
      <tr> 
       <td bgcolor="#4f77bd" width="20"></td> 
       <td align="center" width="280"> 
        <h2 style="font-size: 24px; font-family: Arial, sans-serif; color: #ffffff; margin-bottom: 0; margin-top: 0; text-align: center;">Freeman moves to take organisation globally</h2>   
       </td> 
       <td bgcolor="#4f77bd" width="20"></td> 
      </tr> 
      <tr><!-- Spacer --> <td height="20" width="100%" colspan="3"></td></tr> 
      <tr> 
       <td bgcolor="#4f77bd" width="20"></td> 
       <td align="center" width="280"> 
        <p style="font-size: 15px; font-family: 'Verdana', Arial, Helvetica; color: #ffffff; margin-bottom: 0; margin-top: 0; text-align: center;">Name is to focus her future activities on creating an international base for House and its services.</p> 
       </td> 
       <td bgcolor="#4f77bd" width="20"></td> 
      </tr> 
      <tr><!-- Spacer --> <td height="20" width="100%" colspan="3"></td></tr> 
      <tr> 
       <td bgcolor="#4f77bd" width="20"></td> 
       <td align="center" width="280"> 
        <p style="margin-bottom: 0; margin-top: 0; text-align: center;"> 
         <a href="#" style="color: #ffffff;">READ MORE</a> 
        </p> 
       </td> 
       <td bgcolor="#4f77bd" width="20"></td> 
      </tr> 
      <tr><!-- Spacer --> <td height="25" width="100%" colspan="3"></td></tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td class="h0" height="20" width="100%"></td> 
    </tr> 
</table> 

내가 가지고있는 코드에 어떤 문제가 있는지 잘 모르겠습니다.

Answer 1

두 번째 테이블의 자리는 align="right"이며 속성은 display:block입니다. 그런 것들을 제거하려고 노력하십시오.

HTML

<table border="0" cellpadding="0" cellspacing="0" align="left" class="w640" width="320"> 
    <tr> 
     <!-- Spacer --> 
     <td height="10" width="100%"></td> 
    </tr> 
    <tr> 
     <td class="w640" height="320" width="320"> 
      <img src="image.jpg" alt="" style="display: block;" class="w640" height="320" width="320"> 
     </td> 
    </tr> 
    <tr> 
     <!-- Spacer --> 
     <td height="10" width="100%"></td> 
    </tr> 
</table> 
<table border="0" cellpadding="0" cellspacing="0" align="" class="w640" height="285" width="320" style=""> 
    <tr> 
     <td class="h0" height="40" width="100%"></td> 
    </tr> 
    <tr> 
     <td bgcolor="#4f77bd" class="w640" width="320"> 
      <table valign="center" align="center" valign="top" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"> 
       <tr> 
        <!-- Spacer --> 
        <td height="15" width="100%" colspan="3"></td> 
       </tr> 
       <tr> 
        <td bgcolor="#4f77bd" width="20"></td> 
        <td align="center" width="280"> 
         <h2 style="font-size: 24px; font-family: Arial, sans-serif; color: #ffffff; margin-bottom: 0; margin-top: 0; text-align: center;">Freeman moves to take organisation globally</h2> 
        </td> 
        <td bgcolor="#4f77bd" width="20"></td> 
       </tr> 
       <tr> 
        <!-- Spacer --> 
        <td height="20" width="100%" colspan="3"></td> 
       </tr> 
       <tr> 
        <td bgcolor="#4f77bd" width="20"></td> 
        <td align="center" width="280"> 
         <p style="font-size: 15px; font-family: 'Verdana', Arial, Helvetica; color: #ffffff; margin-bottom: 0; margin-top: 0; text-align: center;">Name is to focus her future activities on creating an international base for House and its services.</p> 
        </td> 
        <td bgcolor="#4f77bd" width="20"></td> 
       </tr> 
       <tr> 
        <!-- Spacer --> 
        <td height="20" width="100%" colspan="3"></td> 
       </tr> 
       <tr> 
        <td bgcolor="#4f77bd" width="20"></td> 
        <td align="center" width="280"> 
         <p style="margin-bottom: 0; margin-top: 0; text-align: center;"> <a href="#" style="color: #ffffff;">READ MORE</a> 

         </p> 
        </td> 
        <td bgcolor="#4f77bd" width="20"></td> 
       </tr> 
       <tr> 
        <!-- Spacer --> 
        <td height="25" width="100%" colspan="3"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td class="h0" height="20" width="100%"></td> 
    </tr> 
</table> 

Fiddle Demo