사이의 패딩 <a> 태그의 태그

Question

HTML 이메일을 보내야하기 때문에 테이블을 사용하고 있습니다. 내 문제는 이것입니다. 두 이미지가 서로 쌓여 있습니다. 그들은 두 개의 링크, 즉 태그 내부를 의미합니다. 문제는 IE8에서 제거 할 수없는 두 이미지 사이에 흰색 패딩이 있다는 것입니다. 태그를 프로그래머 경우에만 공간이 표시되어

<table cellspacing="0" cellpadding="0">  
    <tr> 
     <td> 
      <a href="http://wwwXXXXXX.com/screening.php" border="0" style="padding:0;margin:0;line-height: 0px"> 
      <img src="http://www.XXXXXXX.com/emails/images/host.jpg" border="0" /> 
      </a> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <a href="mailto:screenings@XXXXXXX.com" border="0" style="padding:0;margin:0;line-height: 0px"> 
      <img src="http://www.XXXXXX.com/emails/images/bottom_all.jpg" border="0" /> 
      </a> 
     </td> 
    </tr> 
</table> 

(- 아무런 문제가 단지 이미지를 시도) : 이 코드입니다. 원래 패딩은 Firefox가 아닌 IE8에서 나타납니다. 파이어 폭스에서 'line-height'를 추가 한 후에도 IE8은 여전히 ​​좋지 않습니다.

아이디어가 있습니까?

편집 : 사실, 문제는 테이블에만 표시되는 것이 아니라 img가 앵커에 싸인 때마다 나타납니다. 이 같은 :

<a href="http://wwwXXXXXX.com/screening.php" border="0" style="padding:0;margin:0;line- height: 0px"> 
<img src="http://www.XXXXXXX.com/emails/images/host.jpg" border="0" /> 
</a> 
<a href="http://wwwXXXXXX.com/screening.php" border="0" style="padding:0;margin:0;line-height: 0px"> 
<img src="http://www.XXXXXXX.com/emails/images/host.jpg" border="0" /> 
</a> 

Answer 1

시도를했다.

이렇게하면 img가 텍스트 기준선에 정렬되지 않으므로 문자 디 센더에 항상 공간이 남습니다.

Answer 2

어쩌면 IE8과 파이어 폭스가 "A"태그의 기본 마진이나 패딩을 가지고있다.
시도하십시오. 같은 :

a {margin:0;padding:0;) 

나는 그럴 태그와 모든 내부 요소 사이의 모든 공백을 삭제 한 그것은 당신의 IMG 요소에

vertical-align: top; 

를 추가

Answer 3

&의 여백을 CSS *{margin:0;padding:0;}의 패딩으로 설정하면 훨씬 쉽게 사용할 수 있습니다.

Answer 4

태그 사이의 "공백"을 제거하십시오. 직접 이전 TAG를 닫은 후 각 태그를 엽니 다

<a href="... 
><img src="... 
/></a> 

Answer 5

시도 내가 이미 그것을했다

a img { 
    display: block; 
}