คำถามติดแท็ก html-email


1
3D กำลังทำอะไรใน HTML นี้
ฉันพยายามที่จะทำสำเนาจดหมายที่ฉันได้รับใน Gmail ของฉันโดยดูที่รหัส ฉันเห็นสิ่งนี้มากมายในผู้ชมหลายแหล่ง: <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" align=3D"right" width=3D"110"> 3D เป็นจดหมายที่ฉันไม่รู้จักใช่มั้ย
229 html  css  html-email 

7
แนวทางปฏิบัติที่ดีที่สุดสำหรับการกำหนดสไตล์อีเมล HTML [ปิด]
ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังออกแบบเทมเพลต HTML สำหรับจดหมายข่าวทางอีเมล ฉันได้เรียนรู้ว่าไคลเอนต์อีเมลจำนวนมากไม่สนใจสไตล์ชีทที่เชื่อมโยงและอื่น ๆ อีกมากมาย (รวมถึง Gmail) ไม่สนใจการประกาศบล็อก CSS ทั้งหมด แอตทริบิวต์ของรูปแบบอินไลน์เป็นทางเลือกเดียวของฉันหรือไม่ อะไรคือแนวทางปฏิบัติที่ดีที่สุดสำหรับการกำหนดสไตล์อีเมล HTML
195 html  css  html-email 

12
เครื่องมือใดในการสร้างสไตล์ CSS แบบอินไลน์โดยอัตโนมัติเพื่อสร้างโค้ด HTML ของอีเมล [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ เมื่อคุณดูที่http://www.campaignmonitor.com/css/คุณได้เรียนรู้ว่าคุณจำเป็นต้องฝังสไตล์อินไลน์ใน HTML ของคุณเพื่อให้สามารถอ่านอีเมลของคุณในโปรแกรมรับส่งเมลใด ๆ คุณรู้หรือไม่ว่าเครื่องมือหรือสคริปต์ใด ๆ ในการแปลงไฟล์ HTML โดยอัตโนมัติโดยประกาศเป็นไฟล์ HTML ที่มีแอตทริบิวต์สไตล์ CCS แบบอินไลน์เท่านั้น แก้ไข : โซลูชัน Javascript ใด ๆ (เช่น: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? ด้วย jQuery?
122 html  css  email  inline  html-email 

5
มี CSS max-width ที่เทียบเท่ากับอีเมล HTML หรือไม่
ฉันกำลังพยายามสร้างอีเมล HTML ที่จะแสดงอย่างถูกต้องในโปรแกรมรับส่งเมลที่ใช้กันอย่างแพร่หลายทั้งหมด ฉันกำลังรวมอีเมลทั้งหมดไว้ในตารางและฉันต้องการให้มีความกว้างไม่เกิน 98% ของความกว้างที่มี แต่ไม่เกิน 800 พิกเซล แบบนี้: <table style="width:98%; max-width:800px;"> แต่ฉันไม่ได้ทำแบบนั้นเนื่องจากตาม Outlook 2007 นี้ไม่รองรับคุณสมบัติความกว้าง CSS ฉันกำลังทำสิ่งนี้แทน: <table width="98%"> มีวิธีใดบ้างในการตั้งค่าความกว้างสูงสุดโดยไม่ต้องอาศัย CSS?
116 html  email  html-email  css 

6
เมื่อสร้างอีเมล HTML เราควรใช้ html, head, body tags หรือไม่?
ในมุมมองอีเมลของฉันฉันมักจะทำอะไรบางอย่างเช่น ... <dl> <dt>Name</dt> <dd>Value</dd> </dl> ฉันควรทำแบบนี้ไหม <html> <head></head> <body> <dl> <dt>Name</dt> <dd>Value</dd> </dl> </body> </html> กล่าวอีกนัยหนึ่งเช่นฉันกำลังทำเครื่องหมายบนเอกสารแบบสแตนด์อโลน? ฉันเดาว่าฉันสามารถสันนิษฐานได้อย่างปลอดภัยว่าไคลเอนต์อีเมลทางเว็บใด ๆ จะลบออก วิธีที่ถูกต้องคืออะไร?
113 html  email  html-email 

4
การสนับสนุน Data URI ในซอฟต์แวร์ไคลเอนต์อีเมลหลักคืออะไร
URI ข้อมูลเป็นวิธีมาตรฐานในการฝังรูปภาพและข้อมูลไบนารีอื่น ๆ ใน HTML และการสนับสนุนเบราว์เซอร์ได้รับการบันทึกไว้อย่างดีบนเว็บ (IE8 เป็นเวอร์ชันแรกของ IE ที่รองรับ Data URI โดยมีขนาดสูงสุด 32 KB ต่อ URI เบราว์เซอร์หลักอื่น ๆ รองรับได้นานกว่า) คำถามของฉันเกี่ยวกับซอฟต์แวร์ไคลเอ็นต์อีเมลเดสก์ท็อปและเว็บเมล เมื่อสร้างอีเมล HTML แนวปฏิบัติมาตรฐานคือการรวมรูปภาพเป็นไฟล์แนบหรือโหลดจากภายนอก (เช่นการติดตามรูปภาพ) ทั้งสองอย่างนี้มีข้อเสีย (ไคลเอนต์บางรายแสดงรายการไฟล์ที่แนบมาทั้งหมดเหล่านี้ในขณะที่หลายไฟล์ปิดกั้นอย่างถูกต้องหรือต้องการให้ผู้ใช้ดำเนินการเพื่อดูรูปภาพภายนอก ดังนั้น Data URI จึงดูเหมือนเป็นวิธีที่ดี แต่ก็ต่อเมื่อผู้อ่านอีเมลรองรับเท่านั้น ใครมีลิงค์ไปยังการศึกษาล่าสุดเกี่ยวกับการสนับสนุนสำหรับคุณลักษณะนี้หรือไม่? หรือสอบสวนเรื่องนี้เลย? ตัวอย่างต่อไปนี้เป็นภาพรวมของการสนับสนุน CSS ซอฟต์แวร์ไคลเอ็นต์ที่ฉันสนใจ ได้แก่ : เดสก์ท็อป (รวมถึงข้อมูลเวอร์ชัน): Outlook, Apple Mail, Thunderbird, Evolution, Lotus Notes, AOL, Eudora …

7
จัดแต่งทรงผมอีเมล HTML สำหรับ Gmail
ฉันกำลังสร้างอีเมล html ที่ใช้สไตล์ชีตภายในเช่น <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> เมื่อดูใน Gmail ดูเหมือนว่าสไตล์ทั้งหมดในสไตล์ชีตภายในจะถูกละเว้น ดูเหมือนว่า Gmail จะละเว้นรูปแบบทั้งหมดนอกเหนือจากกฎแบบอินไลน์เช่น <h2 style="color: red">Email content here</foo> นี่เป็นตัวเลือกเดียวของฉันในการจัดรูปแบบอีเมล HTML เมื่อดูด้วย Gmail หรือไม่
99 html  css  gmail  html-email 

7
วิธีใดที่ดีที่สุดในการจัดกึ่งกลางเนื้อหาอีเมล HTML ของคุณในหน้าต่างเบราว์เซอร์ (หรือบานหน้าต่างแสดงตัวอย่างไคลเอ็นต์อีเมล)
โดยปกติฉันจะใช้กฎ CSS margin:0 autoร่วมกับคอนเทนเนอร์ 960 สำหรับเนื้อหาที่ใช้เบราว์เซอร์มาตรฐานของฉัน แต่ฉันยังใหม่กับการสร้างอีเมล HTML และฉันมีการออกแบบต่อไปนี้ซึ่งตอนนี้ฉันต้องการจัดกึ่งกลางในหน้าต่างเบราว์เซอร์โดยไม่มี CSS มาตรฐาน . http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html ฉันจำได้ว่าเคยเห็นที่ไหนสักแห่งที่สามารถทำได้โดยการตัดการออกแบบตารางอีเมลของคุณไว้ในตารางด้านนอกที่ตั้งไว้width:100%และใช้สไตล์อินไลน์สำหรับtext-align:centerบนร่างกายหรืออะไรทำนองนี้เพื่อทำ มีแนวทางปฏิบัติที่ดีที่สุดสำหรับสิ่งนี้หรือไม่?

9
มีใครได้รับอีเมล HTML ที่ทำงานร่วมกับ Twitter Bootstrap หรือไม่?
ฉันใช้premailer-rails3อัญมณีที่ดึงสไตล์อินไลน์สำหรับอีเมล html และฉันพยายามทำให้มันทำงานร่วมกับ Twitter bootstrap https://github.com/fphilipe/premailer-rails3 ดูเหมือนว่าบางสไตล์จะเข้ามาอย่างถูกต้อง แต่ไม่ใช่ทั้งหมด ฉันสงสัยว่าใครมีตัวอย่างการทำงานที่ดีในการรับ Twitter Bootstrap css (แก้ไขหรือไม่) ลงในอีเมล html ขอบคุณ!

2
ส่งภาพ base64 ในอีเมล HTML
ด้วยการใช้โปรแกรมแก้ไข Rich Text ผู้ใช้ของเราสามารถลากและวางภาพที่บันทึกไว้จากเดสก์ท็อปไปยังโปรแกรมแก้ไข รูปภาพจะปรากฏและแสดงอย่างถูกต้องในหน้าเว็บหลังจากส่ง เนื่องจากรูปภาพไม่ได้อัปโหลดที่ใดก็ได้โปรแกรมแก้ไขจะบันทึกรูปภาพเป็นรูปภาพที่เข้ารหัส base64 <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb เป็นต้น แต่ไม่ปรากฏขึ้น - ไม่ปรากฏบน iPhone หรือ Outlook สองเวอร์ชันที่แตกต่างกัน ภาพแตกเพียง เราต้องการใช้ base64 เนื่องจากมันทำงานร่วมกับหน้าเว็บอยู่แล้วและความสามารถในการดูรูปภาพหากผู้ใช้ออฟไลน์
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.