2012-11-10 9 views
1

양식을 변경하면 전자 메일을받습니다. 트위터 부트 스트랩을 사용하여보다 읽기 쉬운 형식으로 정보를 표시하고 싶습니다. 놀랍게도 스타일 text-info이 올바르게 표시되지만 표 스타일은 표시되지 않습니다. 이것은 구문 오류입니까 아니면 ColdFusion에서 전자 메일을 만드는 데 사용하는 HTML 렌더링 엔진 유형과 관련이 있습니까? Outlook을 사용하여 전자 메일을 봅니다. 나는 아래cfmail에 부트 스트랩 포함

시도 : 파일의 내용을 포함하거나 URL로 스타일 시트를 참조하고 있는지 당신은 항상 당신의 머리 태그에 스타일을 넣어해야

<cfmail from="test.com" to="me.com" subject="tester" type="html"> 
<html> 
    <head> 
    <!---<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">---> 
    </head> 
    <body> 
    <style type="text/css"> 

    <cfinclude template="/bootstrap/css/bootstrap.min.css"> 
    </style> 

    <!--- Start comparing ---> 
    <p class="text-info"> 
     Has updated the following Project Information for Project 
    </p> 

    <table class="table table-striped" style="width: 600px"> 
    <tr> 
    <th>Field</th> 
    <th>Original</th> 
    <th>Modified</th> 
    </tr> 

    <cfif compare(xOrig,xMod) IS NOT 0> 
     <tr> 
     <td>Field1</td> 
     <td>#xOrig</td> 
     <td>#xMod#</td> 
     </tr> 
    </cfif> 

     </table> 
    </body> 
    </html> 
</cfmail> 
+2

** ColdFusion에서 HTML을 렌더링하지 않습니다 ** 이메일은 일반 텍스트와 클라이언트에 의해 렌더링을 보낼 수 있습니다. 최근 Outlook 버전에서는 Word for HTML 렌더링을 사용합니다. (이전 버전에서는 IE를 사용했습니다.) –

+0

설명해 주셔서 감사합니다. – isurfbecause

답변

3

그것은 이메일을 렌더링하기 위해 외부 스타일 시트를 포함하는 가장 좋은 방법이되지 않습니다 : 이메일이 웹 서버에없는 때문에, 당신은 절대 참조가 아닌 상대를 사용해야합니다 이메일 클라이언트가 이메일 클라이언트를 무시하거나 제거 할 때 수행하고자하는 일의 대다수에 대해서도 작동하지 않습니다.

효과적으로 스타일 이메일을 렌더링하려면, 당신은 심지어 이메일 본문의 머리에, 당신의 CSS 인라인을 작성해야합니다. 예 :

<p style="color:#000;"></p> 

인라인 스타일을 사용하면 효과를 극대화 할 수 있습니다. 가이드로 메일 침프에서 다음 리소스를 사용합니다! Mailchimp HTML Email Templates

+0

이것은 매우 유용합니다. 고마워요 @ 빌 – isurfbecause

2

. 본문에 넣을 수는 있지만 HTML 렌더링 엔진 간에는 일관성없는 동작이 발생할 수 있습니다. 당신이 주석으로

나는 개인적으로 링크 태그를 사용. 이 수상 사실,

<link href="http://www.mysite.com/bootstrap/css/bootstrap.min.css" rel="stylesheet">