Outlook에서 HTML 메일

-4

Outlook과 호환되는 뉴스 레터를 만들고 싶습니다. Outlook 클라이언트에서 왼쪽에 큰 차이가 있습니다. . 그것은 HTML 형식입니다. style="font-size: 1px; line-height: 1px;" : Outlook에서Outlook에서 HTML 메일

http://www.nikosdelig.com/eurasia-newsletter-russian.html

출처

2013-03-25 Anonymous

HTML을 제공하지 않으면 어떻게 해결할 수 있습니까? –

Google에서 도움을 받으려면 스크린 샷과 HTML을 제공해야합니다. – llanato

http://www.nikosdelig.com/eurasia-newsletter-russian.html 코드 http://www.nikosdelig.com/2013-03-25%2002.40.37%20pm.png 스크린 샷 –

, 특히 아웃룩 2013, 당신은 (<td>) 어이가보다 낮은 12px에 의해 모든 테이블 데이터를 지정해야합니다. 예를 들면 다음과 같습니다.

<td height="1" bgcolor="#000000" style="font-size: 1px; line-height: 1px;">&nbsp;</td>

출처

2013-03-25 13:44:05

더 구체적으로 표현할 수 있습니까? 이 줄이 m 코드에서 어디서 나오는 지 말해 주시겠습니까? –

표 및 인라인 CSS를 사용해보십시오. 대부분의 이메일 클라이언트에서 지원되지 않는 p, div 등을 사용했습니다. 자세한 내용은 http://www.campaignmonitor.com/css/ 및 http://www.campaignmonitor.com/을 참조하십시오. –

-1

디버깅하는 대신 단순하고 안정적인 대신 사용할 프레임 워크를 제공합니다. 보시다시피 코드에 포함 된 많은 추가 항목, 특히 중첩 테이블 및 <tbody> 태그가 필요하지 않습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title> 
    <style type="text/css">   
    /* Client-specific Styles */ 
    #outlook a {padding:0;} 
    body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} /* force default font sizes */ 
    .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Hotmail */ 
    #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;} 
    table td {border-collapse: collapse;} 
    </style> 
</head> 
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#f1f1f1" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="600" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td valign="top" style="padding-top:30px; padding-bottom:30px;"> 

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> 
    <tr> 
    <td width="150"> 
     LOGO 
    </td> 
    <td width="450" style="padding:20px;"> 
     HEADER TEXT 
    </td> 
    </tr> 
</table> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> 
    <tr> 
    <td width="150" valign="bottom"> 
     COLUMN 
    </td> 
    <td width="450" style="padding:20px;"> 
     BODY<br> 
     ...<br> 
     ...<br> 
     ...<br> 
     ...<br> 

    </td> 
    </tr> 
</table> 

</td></tr></table></td></tr></table></body></html>

출처

2013-03-25 19:46:41 John

-1? 내 게시물을 뒤적 거리지 마라. 내 대답이 잘못되었다고 생각하면 입 다물어 닥치십시오. – John

답변

관련 문제