為什麼這篇html table收合鄉民發文收入到精華區：因為在html table收合這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者Dolente (豆沙包)看板Web_Design標題[問題] EDM在gmail表格間隙無法消...
請問各位，
我在製作EDM的時候，一直沒有辦法解決表格間隙的問題
在瀏覽器、outlook、webmail都可以正常
但是像是在gmail、yahoo信箱就是會爆開
孤狗很多方式都沒有辦法，上來跟大家求救
正確應該這樣：
http://ppt.cc/QhnT
在gmail顯示這樣：
http://ppt.cc/;i5G
我是用Dreamweaver編輯的，程式碼的部份是這樣
<table width="800" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="540" height="30" rowspan="2"><img
src="http://ieknet.iek.org.tw/images/epaper/headbg02.gif" width="540"
height="30" hspace="0" vspace="0" border="0" align="absmiddle"
style="vertical-align: bottom;>
<div style="font-size:12px; color:#ffffff"></div>
</td>
<td width="200"
background="http://ieknet.iek.org.tw/images/epaper/newsletter_01.gif"
bgcolor="#333333">
<img
src="http://ieknet.iek.org.tw/images/epaper/headbg04.gif" width="200"
height="12" hspace="0" vspace="0" border="0"
align="absmiddle"style="vertical-align: bottom;">
</td>
<td width="60" rowspan="2"><img
src="http://ieknet.iek.org.tw/images/epaper/headbg03.gif" width="60"
height="30" hspace="0" vspace="0" border="0" align="absmiddle"
style="vertical-align: bottom;">
</td>
</tr>
<tr>
<td width="200" height="18" bgcolor="#333333">
<div align="center" style="
font-size:12px; color:white ">2012年04月18日 發行
</div>
</td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr bgcolor="#AFE6FE">
<td width="800"><img
src="http://ieknet.iek.org.tw/images/epaper/headbg01.gif" width="800"
height="105" hspace="0" vspace="0" border="0" align="absmiddle"
style="vertical-align: bottom;"></td>
</tr>
</table>
==
因為預設的格式是要把發行日期壓在圖片上面
所以只好用表格分割圖片
還請大家幫幫忙救救我～～～><" （跪拜）
謝謝～～～
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.96.20.114
→ kerash:headbg02 的 img 沒有收合 04/26 12:16
→ kerash:GMAIL或者網路收信的問題有時真的只能看狀況.. 04/26 12:17
→ kerash:例如hotmail遇到你這種表格，他把 tr 的lineheight調到170% 04/26 12:22
→ kerash:所以表格會爆開。gmail直接貼上後他把圖片吃掉我看不到結果 04/26 12:24
→ kerash:但可能是 tr 的 cellspacing 被還原了 04/26 12:24
推 kerash:建議這種EDM的內容用inline-css建，且盡量每個元素都設定到 04/26 12:29
→ Dolente:樓上大大太感謝您了！我後來全部轉成CSS Inliner，OK了！ 04/26 15:20
→ Dolente:真是救了我一命啊啊～我最近做夢都在調表格,快花轟了 04/26 15:20
推 pikanoko:Gmail 只支援 inline-css 04/26 15:23
推 billyyeh:不要切割..直接做成一張圖..以前切割是怕網路太慢 04/26 17:00
推 aspdoctor:直接一張大圖就沒事了，現在網路讀一張大圖反而快過多張 04/26 19:57
→ kerash:他們現在的問題主要是在要秀日期在上面才要切的 04/26 20:07
→ kerash:當然現在很多電子報都是一張圖然後才進去看就是了@@ 04/26 20:08
→ gname:我以前也都建議美術直接做成圖,他好弄, 我也好弄 04/26 21:22
→ Dolente:我也好想要一張大圖就好,無奈老闆有嗜好.... 04/26 21:48
→ Dolente:感謝K大，今天拯救困擾我一週的問題XDDD 04/26 21:48
推 aceone:圖片要加上float: left 不然有時也會有間隙 04/27 15:35