핫메일 및 아웃룩에서 'float on table on'을 사용하면 html 전자 메일이 깨집니다.

Question

서로 떠있는 '미니 테이블'이 포함 된 HTML 이메일이 있습니다.

저는 서로 반대편에 2 개의 미니 테이블을 얻을 수 있습니다. 그러면 미니 테이블이 서로 쌓입니다.

그것은 핫메일에 야후 이메일하지만 충돌에서 완벽하게 작동, 전망을 다음 휴대 전화/태블릿. 다음은

는이 야후 이메일에 보이는 방법의 예는 다음과 같습니다

그러나 이것은 Outlook과 핫메일의 모습입니다 : 내가 첨부

내 아래 코드

동적 PHP foreach 루프를 사용하여 데이터베이스의 데이터.

foreach ($this->getMembers() as $user) 

{ 


<td width='310' style='float:left'> 
    <TABLE width='300' border='0' colour='#FFFFFF' bgcolor='#FFFFFF' style='margin-left: 5px; border: 1px solid #999999; float: left; margin-top: 10px; margin-bottom: 10px'> 
    <TR> 

    <TH ROWSPAN=5 width='150' height='150'> 
      <a href='https://www.bab.com/profile'> 
      <img src='https://www.bab.com /> 
      </a> 
     </TH> 
     <TD width='150' > 
     {$user->getFirstName()}&nbsp;&nbsp;(Aged: {$user->getActualAge()}) 
     </TD> 
    </TR> 
    <TR height='30'> 
     <TD > 
      {$user->getCity()} 
     </TD> 
    </TR> 
    <TR > 
     <TD > 
      22 Miles Away 
     </TD> 
    </TR> 
    <TR > 
     <TD> 
     {$user->getNoYrsWorkExperience()} yrs exp 
     </TD> 
    </TR> 
    <TR > 
     <TD > 
     Salary: &#163; {$user->getSalaryAmount()}/hr 
     </TD> 
    </TR> 
    <TR> 
     <TH ROWSPAN=3 width='150' height='55'> 
      <table height='55'> 
       <tr height='38'> 
       <td> 
        <a href='https://www.baby.com/profile/{$user->getId()}'> 
         <img src='https://www.bab.com/htmlEmailsIcons/contactMe2.png' width='113' height='38' /> 
        </a> 
        </td> 
      </tr> 
      <tr height='10'> 
       <td> 
       <a href='https://www.bab.com/profile/{$user->getId()}'> 
         View My Profile 
       </a> 
       </td> 
      </tr> 
     </table> 
    </TH> 
</TR> 
    <TR> 
     <TD align='center'> 
      Available From: 
     </TD> 
    </TR> 
    <TR> 
    <TD> 
     {$this->availFrom()}- {$this->availTill()} 
    </TD> 
</TR> 

} 

은 위의 코드는 올바른 형식의 HTML 이메일에 포함된다. 나는 단순화를 위해 그것을 동봉하지 않았다.

왜 hotmail을 깨뜨린 이유에 대한 조언을 주시면 감사하겠습니다.

Answer 1

아마도이 문제를 해결할 수는 없지만 시도해 볼 가치가 있습니다. 다른 모든 매개 변수는 작은 따옴표 안에 있지만 TH에 대한 "행 간격"은 전혀 인용되지 않습니다.

Answer 2

먼저, 수레를 사용하지 마십시오. 대부분의 이메일 클라이언트는 올바르게 렌더링하지 않습니다. 셀 하우징 에서처럼 '정렬 기준'을 사용하십시오.

Answer 3

명시된대로 - 플로트는 사용하지 마십시오. 모든 이메일 클라이언트에서 거의 지원하지 않습니다. 여백을 사용하지 마십시오 이미지 태그 소스

에

1. 끝이 인용구 : 또한 코드와 다른 문제를 발견. Cellpadding 또는 cellspacing 사용하는 것이 가장 좋지만 TD 패딩을 사용할 수 있습니다.
2. 모든 css를 길이 (예 : 테두리 크기 : 1px, 테두리 스타일 : 단색, 테두리 색상 : # 999999)로 넣으면 전자 메일 클라이언트에서 인식하고 이해할 확률이 높아집니다.
3. 반드시 오류는 아니지만 태그의 공백이 여분입니다. 그렇지 않아야합니다. ROWSPAN 번호 아래

주위

없음 따옴표 내가 도움이 가지고 올 수있는 최선입니다. 이메일에 무엇이 들어 있는지에 대한 정확한 정보가 없으면 내가 할 수있는 최선입니다. 아래 코드에 시작 표 태그와 닫기 표 태그를 추가했습니다.

<table> 
    <tr> 

foreach ($this->getMembers() as $user) 

{ 

<td width='310' align="left" style="padding-left:5px; padding-top:10px; padding-bottom:10px;"> 
    <TABLE width='300' align="left" border='0' color='#FFFFFF' bgcolor='#FFFFFF' style='border-size: 1px; border-style: solid; border-color: #999999;'> 
    <TR> 

    <TH ROWSPAN="5" width='150' height='150'> 
      <a href='https://www.bab.com/profile'> 
      <img src='https://www.bab.com' /> 
      </a> 
     </TH> 
     <TD width='150'> 
     {$user->getFirstName()}&nbsp;&nbsp;(Aged: {$user->getActualAge()}) 
     </TD> 
    </TR> 
    <TR height='30'> 
     <TD > 
      {$user->getCity()} 
     </TD> 
    </TR> 
    <TR> 
     <TD> 
      22 Miles Away 
     </TD> 
    </TR> 
    <TR> 
     <TD> 
     {$user->getNoYrsWorkExperience()} yrs exp 
     </TD> 
    </TR> 
    <TR> 
     <TD > 
     Salary: &#163; {$user->getSalaryAmount()}/hr 
     </TD> 
    </TR> 
    <TR> 
     <TH ROWSPAN="3" width='150' height='55'> 
      <table height='55'> 
       <tr height='38'> 
       <td> 
        <a href='https://www.baby.com/profile/{$user->getId()}'> 
         <img src='https://www.bab.com/htmlEmailsIcons/contactMe2.png' width='113' height='38' /> 
        </a> 
        </td> 
      </tr> 
      <tr height='10'> 
       <td> 
       <a href='https://www.bab.com/profile/{$user->getId()}'> 
         View My Profile 
       </a> 
       </td> 
      </tr> 
     </table> 
    </TH> 
</TR> 
    <TR> 
     <TD align='center'> 
      Available From: 
     </TD> 
    </TR> 
    <TR> 
    <TD> 
     {$this->availFrom()}- {$this->availTill()} 
    </TD> 
</TR> 
</TABLE> 
</td> 
</tr> 
</table>