이메일에서 볼 수없는 CSS 스타일이 없습니다

StackOverflow https://stackoverflow.com//questions/20007948

문제

다음 HTML 페이지가 Mutt.i를 사용하여 다음 HTML 페이지가 전자 메일로 이메일을 보낼 때 CSS 스타일을 볼 수 없습니다. 일반 table.but을 참조하십시오. 브라우저에서 볼 때 원하는 스타일링을 얻을 수 있습니다.왜 이렇게이다 ?나는 뭔가를 놓치고 있니? 

mutt -e "set content_type=text/html" me@mail.com -s "Test" < Test.html
.

test.html 

<!DOCTYPE html>
<html>
<head>
<style>
rd{ color: red; }
gn{ color: green; }
body { background-color:#E0E0E0; font-family: helvetica;font-size: 15px;}
</style>
</head>
<body>
<table border="1" align ="left">
<tr><th>No.</th><th>Item</th></tr>
<tr><td>1</td><td><gn>abc</gn></td></tr>
<tr><td>2</td><td><rd>ghi</rd></td></tr>
</table>
</body>
</html>
.

도움이 되었습니까?

해결책

HTML-Email은 Div와 P 태그조차도 항상 예상대로 작동하지 않는 지점으로 매우 제한됩니다.자신의 태그를 만들려고 노력하는 것은 단순히 문제를 묻는 것입니다.

두 개의 테이블 셀이 대신 이렇게 보이는 것처럼 보입니다 : 

<tr><td>1</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#007700;">abc</td></tr>
<tr><td>2</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#770000;">ghi</td></tr>
.

항상 CSS를 취소하는 것 외에도 최대 전자 메일 클라이언트 지원을 위해 6 자리 16 진수 색을 사용해야합니다.모든 테이블 셀에서 글꼴 스타일을 다시 선언해야합니다.불행히도 이것은 HTML-Email에서 필요한 것입니다.

현재 독자가 Helvetica가 설치되어 있다고 가정하면서도 글꼴 스택을 잊지 마십시오.

다른 팁

HTML 전자 메일에 CSS를 포함하는 방법은 인라인 스타일을 사용하는 것입니다. 

    <!DOCTYPE html>
    <html>
    <body style='background-color:#E0E0E0; font-family: helvetica;font-size: 15px;'>
        <table border="1" align="left" style="color:red;">
            <tr><th>No.</th><th>Item</th></tr>
            <tr><td>1</td><td><gn>abc</gn></td></tr>
        </table>
    </body>
    </html>
.

ref : http://www.htmlgoodies.com/beyond/css/기사 .php / 3679231

이 자습서 HTML 이메일로 시작하기 "nofollow"> Tutsplus 오래된 튜토리얼이지만 실제로 도움이됩니다.

행운의 베스트.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top