2016-07-08 1 views
0

크로스 플랫폼에서 작동하는 서명을 만들려고합니다. 내가 전망을 가진 사람들에게 이메일을 보낼 것이라는 점을 감안할 때, 나는 Outlook에서 바로 나타나기를 바란다.MS Outlook 용 고정 너비와 가변 너비가있는 테이블

내가하고 싶은 일은 내가 오른쪽으로 입력 한 텍스트를 아래 이미지와 올바르게 정렬되도록 이동하고 싶습니다.

썬더 버드 인 메일 클라이언트에서 완벽하게 작동하도록 만들 수 있으며 모든 브라우저에서 볼 수 있지만 Outlook에서 작동하도록하는 것은 문제가있는 것 같습니다.

div와 CSS를 사용하는 것이 궁금한 것 같습니다. Outlook은 간단히 무시하고 사라집니다.

테이블을 사용할 때 Outlook은 그것을 존중하는 것처럼 보이지만 작동하는 고정 폭 셀과 가변 폭 셀 모두를 얻는 것이 문제가되는 것 같습니다.

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="64"><br></td> 
    <td><font face="Arial" size="2"> 
     <br><br>Yours Sincerely,<br><br></font> 
    </font></td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
    <img alt="" src="file:///X:/image.png" height="168" width="681"> 
    </td> 
</tr> 

이 전망을 제외하고 모든 곳에서 작동합니다

나는 다음과 같은 HTML 코드를 시도했다. 누구든지이 문제를 해결할 방법을 알고 있습니까? 아니면 사용할 수있는 다른 방법을 사용할 수 있습니까? 2 개의 고정 너비 열에 대한 방지하고 싶습니다.

답변

1

이 시도 :

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td style="padding-left: 64px;"><font face="Arial" size="2"> 
     <br><br>Yours Sincerely,<br><br></font> 
    </font></td> 
    </tr> 
    <tr> 
    <td> 
     <img alt="" src="file:///X:/image.png" height="168" width="681"> 
    </td> 
    </tr> 
</table> 

그것은 당신이 Outlook 용 CSS를 사용할 수 없다는 사실이 아니다. 그것은 단지 인라인이어야하고 단지 몇 가지가 작동합니다. 그 중 하나가 Padding입니다. 이렇게하면 텍스트를 왼쪽에서 멀리두고 Outlook에서도 작업 할 수 있습니다.

또한 행이 경쟁에 적합하고 지정되지 않은 경우 다른 행을지나 확장되므로 행간은 필요하지 않습니다.

+0

DIV를 사용하여 접근 방법을 시도했지만 Outlook에서 완전히 제거되었습니다. TD로 시도해보고 무슨 일이 일어나는 지 봅시다. 감사. :) – LPChip

+0

예, Outlook에서 Div를 제거합니다. the futur : 여기에 다른 메일 클라이언트에서 작동하는 목록이 있습니다 : [CampaignMonitor] (https://www.campaignmonitor.com/css/) – Niqql

+0

예, 해당 페이지를 직접 발견했습니다. 테이블 레이아웃을 지원되는 CSS 태그로 나열하지만 작동하지 않습니다. 그래서 나는 그것을 신뢰할 수 없다고 썼다. 나는 아직도 이것을 시험해야한다. 나는 곧 그 일을하기를 희망하며, 최근에 내가 Outlook을 사용했던 직장에 남겨 두었고 현재는 테스트 설정이 없습니다. 이 테스트 할 수 있도록 로컬로 Outlook을 설치해야하지만이를 위해 가상 컴퓨터를 설치하려고합니다. 긴 이야기는 짧습니다. 시간이 오래 걸립니다. xD 나는 분명히 다시 당신에게보고 할 것입니다. – LPChip

관련 문제