2013-06-18 4 views
0

나는 Apple Mail에서 테스트 한 iPhone의 뉴스 레터 구현과 계속 싸우고 있습니다. 다음 코드는 Outlook2007에서 완벽하게 작동합니다. iPhone에서는 안타깝게도 글 머리 기호 목록이 표시됩니다 (표시하지 말아야한다고 명시되어 있음에도 불구하고). (스크린 샷을 게시 할 수 있으면 좋겠지 만 평판이 아직 부족합니다 :))아이폰에서 총알 목록 장식 제거하기 Apple Mail

글 머리 기호를 제거하려면 어떻게해야합니까?

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
<style type="text/css"> 
.list { 
list-style: none; 
margin:0px 0 0px 0px; 
padding:0; 
-webkit-text-size-adjust: 
} 
li.plus { 
display:block; 
list-style: none; 
list-style-type: none; 
margin:0px; 
padding: 0px 0px 0px 0px; 
text-decoration:none; 
font-size: 12px; 
} 
a:link { 
color:#b2b2b2;; 
text-decoration:underline; 
} 
a:visited { 
color:#b2b2b2;; 
text-decoration:none; 
} 
a:hover { 
color:#b2b2b2;; 
text-decoration:underline; 
} 
a:active { 
color:#b2b2b2;; 
text-decoration:none; 
} 

</style> 
    </head> 
    <body> 
    <table class="w600 l-content-table" border="0" cellpadding="0" cellspacing="0" width="600" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;"> 
      <tbody style="margin: 0px; padding: 0px; border: 0px;"> 
       <tr> 
        <td class="w600" height="55" width="600" style="color: #6f6f6f; border: #6f6f6f;"> 
         <table class="l-footer" border="0" cellpadding="0" cellspacing="0" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;"> 
          <tbody style="margin: 0px; padding: 0px; border: 0px;"> 
           <tr> 
            <td width="480" style="color: #6f6f6f; border: #6f6f6f;"> 
             <table class="small-font" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; font-size: 12px; color: #b2b2b2 !important; text-transform: uppercase; margin: 0px; padding: 0px; border: 0px;"> 
              <tbody style="margin: 0px; padding: 0px; border: 0px;"> 
               <tr> 
                <td style="letter-spacing: 0;" width="120"> 
                 <ul style='list-style:none;' class="list"> 
                  <li class="plus first" > 
                   <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;"> 
                    <a href="http://www.test.com" target='blank'>Responsibles</a> 
                   </font> 
                  </li> 
                 </ul> 
                </td> 
                <td style="letter-spacing: 0; border-left: 1px solid #b2b2b2;" width="110"> 
                 <ul style='list-style:none;' class="list"> 
                  <li class="plus" style='margin-left:8px;margin-right:8px;'> 
                   <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;"> 
                    <a href="http://www.test.com" target='blank'>Disclaimer</a> 
                   </font> 
                  </li> 
                 </ul> 
                </td> 
                <td style="letter-spacing: 0; border-left: 1px solid #b2b2b2;" width="110"> 
                 <ul style='list-style:none;' class="list"> 
                  <li class="plus" style='margin-left:8px;margin-right:8px; border-top:0px;border-bottom:0px;'> 
                   <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;"> 
                    <a href="http://www.test.com" target='blank'>Feedback</a> 
                   </font> 
                  </li> 
                 </ul> 
                </td> 
                <td style="letter-spacing: 0; border-left: 1px solid #b2b2b2;" width="120"> 
                 <ul style='list-style:none;' class="list"> 
                  <li class="plus last" style='margin-left:8px; margin-right: 0px;border-top:0px;border-bottom:0px;'> 
                   <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;"> 
                    <a href="http://www.test.com" target='blank'>Rss Feeds</a> 
                   </font> 
                  </li> 
                 </ul> 
                </td> 
               </tr> 
              </tbody> 
             </table> 
            </td> 
            <td width="140" align="right" style="color: #6f6f6f; border: #6f6f6f;"> 
             <table class="small-font" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; font-size: 12px; color: #b2b2b2 !important; text-transform: uppercase; margin: 0px; padding: 0px; border: 0px;"> 
              <tbody style="margin: 0px; padding: 0px; border: 0px;"> 
               <tr> 
                <td style="color: #6f6f6f;letter-spacing: 0; padding: 0px; border: 0px"> 
                 <span style="color: #b2b2b2; margin: 0px; padding: 0px; border: 0px;"> 
                  &copy; 2013&nbsp;&nbsp;LLLLVSKI 
                 </span> 
                </td> 
               </tr> 
              </tbody> 
             </table> 
            </td> 
           </tr> 
          </tbody> 
         </table> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </body> 
</html> 
+0

당신은 아마 그 모든 인라인 스타일을 제거해야합니다, 그것은 일이 벌어지고 있는지 말하기 어렵습니다. – xsearingheaven

+0

HTML 이메일을 보내고 있다면'inline' 스타일이 필요합니다. –

답변

0

예를 들어 목록을 사용하지 않겠습니다. 또한 Outlook 2013에서는 여백이 지원되지 않으므로 이메일에서이를 방지해야합니다.

여백과 목록을 사용하여 하이퍼 링크 텍스트를 삽입 (왼쪽 패드) 한 것처럼 보입니다. 대신 다음 두 가지 방법에

하나를 사용 누군가가 이메일을 전달할 때 그게 당신이 걱정 일 경우

<!-- padding applied to the table cell --> 
<table width="120" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td style="letter-spacing: 0; border-left: 1px solid #b2b2b2; padding-left:20px;" width="120"> 
     Text 
    </td> 
    </tr> 
</table> 

<br><br> 

<!-- empty cell as padding --> 
<table width="120" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td style="border-left: 1px solid #b2b2b2;" width="20">&nbsp; 
    </td> 
    <td style="letter-spacing: 0;" width="100"> 
     Text 
    </td> 
    </tr> 
</table> 

패딩 때때로, 축소 할 수는 가장 견고한 방법은 옵션 2

입니다
+0

안녕하세요! 지금까지 iOS에 나타나는 파란색 밑줄을 피할 수있는 유일한 방법이기 때문에 목록을 사용해야합니다 (참조 : http://stackoverflow.com/questions/17090744/html-newsletter-remove-iphone-underline?rq = 1). 또한 Outlook2007 및 iOS 전용으로 개발 중입니다. – Fabbio

+0

'text'이 정상적으로 작동합니다. – John