이메일의 이미지

Question

이메일 서명을위한 코드를 생성 중입니다. 이미지는 내 iPhone의 전자 메일 클라이언트에서 정렬되지 않습니다. 이유는 모르겠습니다. 내가 할 수있는 뭔가가 있나요

:

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> 
         <tr> 
          <td align="left" style="padding:0;margin:0;height:45px;width:230px;"> 
           <ul style="padding:0;margin:0;height:45px;width:230px;"> 
            <li style="text-align:left;margin:0;padding:0;height:45px;width:230px;"> 
             <a target='_blank' href="https://www.mypage.com" style="margin:0;padding:0;width:230px;height:45px;"> 
              <img style="padding:0;margin:0;" height="45px" width="230px" src="https://www.mypage.com/logo.gif" alt="Logo mypage" /> 
             </a> 
            </li> 
           </ul> 
          </td> ...... 

문제는 아래의 이미지를 가시화?

나를 도와 주셔서 감사합니다.

안부, Yab86 링크 <img>가 <td>에서 유일한 경우

Answer 1

, 당신은 <ul>을 제거 할 수 있습니까? 아니면 목록에 다른 이유가 있습니까?

이메일 클라이언트는 <ul> 및 <li>과 같은 블록 레벨 요소의 여백과 패딩에 이상한 일을합니다. 이는 인라인 CSS로 재설정 된 경우일지도 모릅니다. 여기에 목록이 필요 없는데 왜 복잡성을 소개합니까?

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td height="45" width="230" align="left" style="padding:0;"> 
      <a target='_blank' href="https://www.mypage.com"> 
       <img align="left" style="display: block; margin:0;" height="45" width="230" src="https://www.mypage.com/logo.gif" alt="Logo mypage" /> 
      </a> 
     </td> 
    </tr> 
</table>