2016-10-13 3 views
0

나는 우편물을 만들었지 만 2 개의 이미지 사이에 수직 간격이 있으며이 문제에 대한 모든 해결책을 읽고 해결하지 못했습니다. 마지막 기회는이 포털을 입력하고 너희들 :(내가 ++ 메모장에 코드 아래에 열 첫번째outlook 2013에서 2 image 사이의 수직 간격

를 요청하고이를 변화 전망 (13)는 파일을 첨부 => 텍스트로 => 다음 게재 수직 방향의 간격 붐.

여기 내 코드는

<html> 
<head> 
<title>mailing</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
<table id="Table_01" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td colspan="1"> 
      <a href="mailto:[email protected]"> 
       <img src="http://yucel.ygtur.com/mailing/erkenrez/images/mailing_12.jpg" style="display: block;"></a></td> 
     <td colspan="1" rowspan="1"> 
      <a href="http://www.ygtur.com/"> 
       <img src="http://yucel.ygtur.com/mailing/erkenrez/images/mailing_13.jpg" style="display: block;"></a></td> 
    </tr> 
</table> 
</body> 
</html> 

here is the picture of the problem

+0

너는 너의'테이블'또는'td'을 위해 어떤 너비도 가지지 않는다. 그래서'td'는 얼마나 넓은지를 짐작할 수 있습니다. 나는 그것을 jsfiddle https://jsfiddle.net/ty6aw4j5/ – Andrew

답변

0

당신 수 당신이 이미로 질문을 태그 테이블 스타일을 CSS를 사용하는 대신 사실 등 border= cellpadding=를 사용해보십시오 0, 그래서 당신이 그것을 보았다고 생각해 :-)

아마도 Outlook은 자체 CSS를 찾지 못한다면, 또는 그것을 사용하는보기 엔진은 기대하지 않는 기본값을 적용 할 수 있습니다.

편집 :
당신은 <a href><img> 태그 사이에 공백이있다. 그것을 제거해야합니다, 그것은 문제의 원인 일 수 있습니다. 링크에 텍스트 만 있으면 문제가되지 않지만 이제는 텍스트 (공백) + 이미지가 있고 둘 다 표시됩니다.

+0

Outlook 문제에 관한 것이 아니라 생각했다. 간격은 gmail에도 나타났습니다. –

+0

제 편집을 참조하십시오. –