[問題] EDM在gmail表格間隙無法消除

看板Web_Design作者 (豆沙包)時間13年前 (2012/04/26 12:00), 編輯推噓5(5012)
留言17則, 7人參與, 最新討論串1/1
請問各位, 我在製作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

04/26 12:16, , 1F
headbg02 的 img 沒有收合
04/26 12:16, 1F

04/26 12:17, , 2F
GMAIL或者網路收信的問題有時真的只能看狀況..
04/26 12:17, 2F

04/26 12:22, , 3F
例如hotmail遇到你這種表格,他把 tr 的lineheight調到170%
04/26 12:22, 3F

04/26 12:24, , 4F
所以表格會爆開。gmail直接貼上後他把圖片吃掉我看不到結果
04/26 12:24, 4F

04/26 12:24, , 5F
但可能是 tr 的 cellspacing 被還原了
04/26 12:24, 5F

04/26 12:29, , 6F
建議這種EDM的內容用inline-css建,且盡量每個元素都設定到
04/26 12:29, 6F

04/26 15:20, , 7F
樓上大大太感謝您了!我後來全部轉成CSS Inliner,OK了!
04/26 15:20, 7F

04/26 15:20, , 8F
真是救了我一命啊啊~我最近做夢都在調表格,快花轟了
04/26 15:20, 8F

04/26 15:23, , 9F
Gmail 只支援 inline-css
04/26 15:23, 9F

04/26 17:00, , 10F
不要切割..直接做成一張圖..以前切割是怕網路太慢
04/26 17:00, 10F

04/26 19:57, , 11F
直接一張大圖就沒事了,現在網路讀一張大圖反而快過多張
04/26 19:57, 11F

04/26 20:07, , 12F
他們現在的問題主要是在要秀日期在上面才要切的
04/26 20:07, 12F

04/26 20:08, , 13F
當然現在很多電子報都是一張圖然後才進去看就是了@@
04/26 20:08, 13F

04/26 21:22, , 14F
我以前也都建議美術直接做成圖,他好弄, 我也好弄
04/26 21:22, 14F

04/26 21:48, , 15F
我也好想要一張大圖就好,無奈老闆有嗜好....
04/26 21:48, 15F

04/26 21:48, , 16F
感謝K大,今天拯救困擾我一週的問題XDDD
04/26 21:48, 16F

04/27 15:35, , 17F
圖片要加上float: left 不然有時也會有間隙
04/27 15:35, 17F
文章代碼(AID): #1FcCX0N4 (Web_Design)