2013-12-03 2 views
4

안녕하세요. Outlook 용 전자 메일 서명을 만들었습니다. 한 가지를 제외하고 지금까지는 괜찮습니다. 아웃룩은 내 HTML을 가져 와서 내가 실제로 만든 것보다 다르게 출력하는 것 같습니다. 모든 종류의 p 클래스와 span 클래스를 추가하고 인라인 CSS를 변경합니다.Outlook HTML 전자 메일 서명

이 내 코드는 모습입니다 :

<table cellpadding="0" cellspacing="0"> 
    <tr> 
     <th rowspan="7" style="padding-right:10px;"> 
      <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png"/> 
     </th> 
     <th rowspan="7" style="padding-right:2px; ; background-color:#FFEA66;"> 
     </th> 
      <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 13px; font-weight: bold; font-family: sans-serif; text-transform:uppercase;"> 
       Franke Hendrik Toornstra 
      </td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Président</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Expert en Management public</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">skype: franketoornstra</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">cell: +1 418 446 2113</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">tel/fax: +1 418 903 1647</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;"><a href="http://actforperformance.com">www.actforperformance.com</a></td> 
    </tr> 

모든 주위 변경됩니다, 글꼴 크기는 포인트로 변환 얻고, 모든 훨씬 작아. "skype : franketoornstra"줄이 두 줄로 나뉘어 출력됩니다 (모두 <p class="MsoNormal> 및 a.

실제로 모든 텍스트 요소는 <p class="MsoNormal>으로 싸여지고 12px 글꼴 크기로 스타일이 지정됩니다. 결과적으로 글꼴 크기가 변경되지 않지만 줄 간격이 12 픽셀을 수용하도록 설정되어 있으므로 글꼴이 작아서 줄 간격이 너무 큽니다.

인라인 스타일링을하고 있기 때문에 Outlook에서 만든 특정 클래스의 스타일을 지정하여 수정할 수 없습니다. 그래서 Outlook이 이런 식으로 행동한다면 누구나 html 서명을 만들 수있는 방법에 대해 다소 당혹 스럽습니다.

+1

는에 속한다 : http://superuser.com/ –

+0

단지 슈퍼 유저에 게시하고 여기에 다시 전송있어 – fred

답변

8

Outlook에서 MsoNormal 문제는 불가피합니다. 그것은 MS 워드 엔진을 사용하여 HTML 이메일을 렌더링하기 때문에 모든 것을 p 태그로 묶습니다. Outlook에서 최소 tr 높이가 19px이므로 행 확장의 원인 일 수 있습니다.

불행히도 이러한 단점을 해결해야합니다. 다음은 훨씬 더 Outlook 친화적 인 형식의 서명입니다.

<table width="400" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="87" height="82"> 
     <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png" width="77" height="82" style="margin: 0; border: 0; padding: 0; display: block;"> 
    </td> 
    <td width="3" bgcolor="#FFEA66"> 

    </td> 
    <td width="310" height="82" style="padding-left:10px; font-family: sans-serif; color: #747b82; font-size: 12px;"> 
     <font style=" text-transform:uppercase; font-size:13px;"><b>Franke Hendrik Toornstra</b></font><br> 
     <b>Président</b><br> 
     <b>Expert en Management public</b><br> 
     skype: franketoornstra<br> 
     cell: +1 418 446 2113<br> 
     tel/fax: +1 418 903 1647<br> 
     <a href="http://actforperformance.com">www.actforperformance.com</a> 
    </td> 
    </tr> 
</table> 
0

기성품 옵션을 사용해 보셨습니까? email signature.com과 같은 회사는 테이블과 div를 꺼내 구식 HTML 마크 다운을 통해 이미지를 렌더링하여 일관성없는 MSOutlook 크기 조정 문제를 해결합니다. 고풍으로 들리지만 시그니처의 일관된 렌더링을 유도하는 유일한 방법입니다. 특히 로고 파일이있는 시그니처를 렌더링하는 유일한 방법입니다.

전체 공개 : 나는 Outlook의 Office 365 배포를 위해 클라우드 솔루션을 사용합니다. 서명 이메일로 스카이프 ID를 추가