2017-01-19 3 views
0

Outlook 2013을 사용 중이며 이메일 서명을 만들고 싶습니다.Outlook에서 셀 이미지에 오른쪽 1 픽셀 추가

코딩을 마쳤을 때 테이블 셀 내부의 이미지에 오른쪽으로 1 픽셀 간격이 나타나는 것을 발견했습니다.

이미지 또는 셀 자체의 문제인지 확인하기 위해 해당 셀에 배경색을 지정했습니다.

패딩인지 오른쪽 테두리인지 알 수 없습니다.

여기를 2 일 동안 많이 검색하고 다른 웹 사이트에서는 아무 것도 고치지 않습니다.

나는이 차이를 입증하기 위해 다른 템플릿을 만들고 여기에 내 코드입니다 :

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
\t <head> 
 
\t \t <meta charset="utf-8"> 
 
\t \t <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <style type="text/css"> 
 
     \t table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
 
     </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <table width="234" border="0" cellspacing="0" cellpadding="0"> 
 
\t \t \t <tr> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t </table> 
 
\t </body> 
 
</html>

는 그리고 여기 셀 갭 스크린 샷입니다 : 내가 아는

Outlook Cell Gap

Outlook 용 코딩은 두통이지만 설명해 주시면 감사하겠습니다. 왜이 간격이 나타나고 이것을 해결하기 위해해야합니까.

답변

0
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <style type="text/css"> 
      table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
     </style> 
    </head> 
    <body> 
     <table width="234" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html> 

저는 이것을 시도합니다. 이것은 갭을 제거하는 것이 아니라, td에 align="left"을 추가했기 때문에 갭은 오른쪽과 중간 사이가 아닐 수 있습니다. 또한 두 이미지를 하나로 저장하는 것이 좋습니다. 이렇게하면 메모리 공간이 절약되므로 항상 올바르게 표시되고로드 시간이 빨라집니다.

또한 이미지가 흰색 배경에 있으므로 jpg로 추가 할 수 있습니다. 가능한 한 많은 공간을 절약하는 것이 중요한 전자 메일 서명의 경우, 때때로 휴대폰으로 우편을 보내고 각 대화에서 각 답변과 함께 서명을 다시 보냅니다.

+0

안녕 니클라스, 답장을 보내 주셔서 감사합니다. 전자 메일 서명을 만들고 싶습니다. 로고와 가로선 사이에 1px 간격이 있습니다. 서명. https://s30.postimg.org/51sitipzl/Gap.jpg 그래서이 격차를 제거하고 싶습니다. –

+0

예, align = "left"를 시도 했습니까? – Niqql

+0

예, 두 셀 –

관련 문제