2014-05-15 3 views
2

안녕하세요 친구 이메일 작성자를 만들려고 애 쓰고 있습니다 ... 이메일 작성자를 디자인 한 다음 HTML로 디자인을 잘라서 내 Gmail에 office 2007을 사용하여 이메일을 보내십시오 ... 언제 나는 내 Gmail에서 emailer을 확인했다. enter image description here메일러에서 MsoNormal 클래스를 제거하는 방법

디버깅 후에 표시되는 공백이있다. <tr>마다 <p class="MsoNormal">이있는 것을 발견했다. 나는 또한 스타일 다음에 적용이를 재설정하려면하지만이 작동하지 않습니다 ... 나에게 사람

CSS

body { 
    color: #fff; 
    font-family: Arial, Helvetica, sans-serif; 
    margin: 0; 
    padding: 0; 
} 
html {width: 100%;} 
body {width:100% !important;} 
.ReadMsgBody, .ExternalClass {width:100%; display:block !important;} 
table td {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;} 
#backgroundTable {margin:0; padding:0; width:100% !important;} 
p.MsoNormal {margin: 0px} 
img{display:block;} 
+0

Microsoft 제품은 항상 html에 많은 쓰레기를 추가합니다. 빠른 수정 프로그램은 [이 페이지로 이동] (http://ckeditor.com/demo)에서 편집기의 모든 내용을 삭제 한 다음 단어 아이콘에서 붙여 넣기를 클릭하고 템플릿을 붙여 넣은 다음, 당신은이 복사물을 편집자에게서 다시 복사 했으므로 여분의 마이크로 소프트 쓰레기를 모두 제거해야합니다. – Pete

+0

html을 게시 할 수 있습니까? 한눈에 이미지에 표시 블록이 누락되어 있다고 생각했지만 정의했습니다. 귀하의 이미지를 실제 픽셀로 분 넓히고 그것이 작동하는지 알려주십시오. – vaskort

답변

3

아웃룩에서 보낼 때되었습니다 .END_BOLD 태그를 예방할 수있는 방법은 없습니다 도와주세요. 많은 클라이언트에서 효과를 숨길 수 있지만 Gmail에서 인라인 CSS (스타일 태그 삭제)가 필요하기 때문에 Gmail에서는 피할 수 없습니다. 여기에 a가있다 related article on the topic

주위를 디자인 할 수있는 방법이있다. 하나의 큰 (자르지 않은) 배경 이미지를 사용하고 예를 들어 모든 내용을 앞에 넣을 수 있습니다.

3

한 트릭은 (대부분의 경우 작업)을 시도 할 수는 이미지가

<tr style="line-height: 25%"> 
+0

지구상에서 이걸 어떻게 알아 냈는지는 모르겠지만 고마워 ... 결국 마침내 해결 방법을 모색했다. –

+1

Outlook 이외의 모든 클라이언트에서 작동합니다 ... – Rubenxfd

0

있는 모든 TR에이 스타일을 추가하고 어떻게 디스플레이 넣어 대해 : 블록; 이미지 당?

예 :

<img src="YOUR.IMG.SRC" alt="" style="display: block; margin: 0; padding: 0;" border="0"/> 

이 나를 위해 일했다. 가장 어려운 부분은 Outlook에서 p.MsoNormal을 제거하는 것입니다. Outlook의 최신 버전에 여전히 버그가 있기 때문에이를 파악하는 것이 가장 중요합니다. 그리고 또한, 넣어; 당신이 입력하는 모든 스타일. 그렇지 않으면 CSS가 더러워집니다.

+0

Gmail에서 불행히도 작동하지 않습니다. – Rubenxfd

관련 문제