Outlook 2010 html電子郵件垂直1px之間的超鏈接圖像之間的空間

我一直在努力找出這個HTML一段時間，試圖找出爲什麼Outlook 2010中超鏈接圖像之間添加此1px白線。Outlook 2010 html電子郵件垂直1px之間的超鏈接圖像之間的空間

我很確定我已經嘗試過所有關於Html電子郵件和Outlook的技巧。以下是我用於2個表格的代碼/樣式。他們每個有一個單一的圖像。如果我刪除了超鏈接，那麼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>

任何和所有的想法，歡迎請！

來源

2012-09-28 Sackling

@Sackling嗨ü希望以此爲一樣http://tinkerbin.com/dyIhhJ9S –

嗨，你是什麼意思是什麼呢？ – Sackling

我看到你添加了2px的白色邊框。那正是我想要避免的？ – Sackling

嘗試從<td>取出width='600px'，所以，它將採取的img

來源

2012-09-28 16:20:55

只是一個屬性的順序問題的寬度，似乎...嘗試這樣的，它的確定對我來說！ ;）

<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>

來源

2015-07-02 07:44:39 awip

我剛剛運行這個，並拿出所有的樣式和屬性，它的工作原理。這兩件事情中的某些內容是爲您的代碼添加邊距，邊框或填充。 – ja408

Outlook 2010 html電子郵件垂直1px之間的超鏈接圖像之間的空間

回答

相關問題