2012-09-28 1 views
1

Outlook 2010에서 하이퍼 링크로 연결된 이미지 사이에이 1px 흰색 선이 추가되는 이유를 알아 내려고 노력하면서이 html로 작업하고 있습니다.Outlook 2010 html 전자 메일 하이퍼 링크 된 이미지 간의 세로 1px 공간

나는 HTML 메일과 전망에 대해 읽은 모든 트릭을 시도했다고 확신한다. 아래는 단지 2 개의 테이블에 사용하고있는 코드/스타일입니다. 그들에는 각각에 1 개의 단일 이미지가 있습니다. 하이퍼 링크를 제거하면 Outlook 2010에 공간이 없습니다. 하이퍼 링크를 떠나면 공간을 없애는 방법을 찾을 수 없습니다!

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" width="600"> 
     <tr> 
      <td style="border-collapse: collapse;" width="600" height="179" > 
       <a href="http://www.anzie.com/" style="height: 179px; width: 600px; margin: 0px; padding: 0px; display:block; float: left; border:0; vertical-align:bottom;"><img border="0" align="left" alt="Gold Rush" height="179" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_01.jpg" style="height: 179px; width: 600px; margin: 0px; padding: 0px; display:block; float: left; border:0; vertical-align:bottom;" width="600" /></a> 
      </td> 
     </tr> 
</table> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" width="600"> 
     <tr> 
      <td style="border-collapse: collapse;" width="600" height="25"> 
       <a href="http://www.anzie.com/viewall_gold.php" style="height: 25px; width: 600px; margin: 0px; padding: 0px; display:block; float: left; border:0; vertical-align:bottom; border:0;"><img align="left" border="0" alt="Shop Gold" height="25" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_02.1.jpg" style="height: 25px; width: 600px; margin: 0px; padding: 0px; display:block; float: left; border:0; vertical-align:bottom;" width="600" /></a> 
      </td> 
     </tr> 
</table> 

모든 아이디어를 환영합니다!

+0

안녕 @Sackling U이 정확히 무엇을 의미합니까, http://tinkerbin.com/dyIhhJ9S –

+0

안녕 등 싶어? – Sackling

+0

2px의 흰색 테두리가 추가 된 것을 볼 수 있습니다. 그게 바로 제가 피하려고하는 것입니까? – Sackling

답변

0

이는 img

1

속성을 위해 그냥 질문의 폭을 것이다 있도록 <td>에서 width='600px'을 제거하려고 보인다 ... 이런 식으로 시도, 그것은 나에게 괜찮습니다! ;)

<table border="0" cellpadding="0" cellspacing="0" width="600"> 
    <tr> 
    <td><a href="http://www.anzie.com/"><img style="display:block;" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_01.jpg" height="179" width="600" alt="Gold Rush" border="0" /></a></td> 
    </tr> 
    <tr> 
    <td><a href="http://www.anzie.com/viewall_gold.php" target="_blank"><img border="0" alt="Shop Gold" height="25" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_02.1.jpg" style="display:block;" width="600" /></a></td> 
    </tr> 
</table> 
+0

난 그냥 이걸 도망쳐 모든 스타일과 속성을 꺼냈다. 이 두 가지 내에서 뭔가 여백, 테두리, 또는 귀하의 코드에 패딩을 추가하는 것. – ja408

관련 문제