html-email | 易学教程

HTML emails in 2013: How to control spacing between elements like paragraphs and images?

阅读更多关于 HTML emails in 2013: How to control spacing between elements like paragraphs and images?

I am currently redesigning some HTML email templates, which is something I haven't done for a couple of years in this much depth. I've made my template in an HTML file which I'm testing locally in the browser, and it all looks fine. I'm using tables for layout The only other tags I'm using are <p> <a> and <img> The CSS is in a <style> tag after the opening <body> tag for now but I am converting it to inline styles before sending, using MailChimp's CSS Inliner Tool . I just put it in a style tag for you to see the CSS easier here. It makes no difference in a lot of clients anyway, for testing

Email Template builder like Mailchmip [closed]

阅读更多关于 Email Template builder like Mailchmip [closed]

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 4 years ago . i want to edit email templates like mailchimp, is there any jQuery plugin available which is similar to email builder like mailchimp, which i can integrate in my php application. 回答1: Yes it's called jQuery drag and drop template builder: http://simbyone.com/drag-and-drop-newsletter-builder-using-jquery/ 回答2:

Gaps appearing in an email in only Android Gmail. How do I fix this issue?

阅读更多关于 Gaps appearing in an email in only Android Gmail. How do I fix this issue?

I have an email that works perfectly in all email clients (the Outlooks, iOS, Litmus etc) except the Gmail App on Android. In that app it has gaps appear in it. This is a screenshot of the issue, this is just a basic proof of concept: Some HTML is below, the issue happens with nested tables in table cells (td). So this has a set of tables and cells with images inside that are the same size of their cell. Here is a jsfiddle of the html: http://jsfiddle.net/cntdsp5p/ And here is the html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

What is a list of HTML elements that load external resources? (HTML Email)

阅读更多关于 What is a list of HTML elements that load external resources? (HTML Email)

I'm looking for a list of elements that can load external resources given no additional DOM manipulation via JavaScript is allowed. I am trying to host e-mails from third parties with an HTML viewer and when that happens, I need to remove any resources that load automatically so that only the base HTML is displayed even if that makes the content show up incorrectly. So far the list is: <img /> <embed /> <object /> <link /> <script /> <audio /> <video /> <style type="text/css">selector { property: uri('') }</style> Are there any other elements or patterns I need to take into account to prevent

html email with inline images not rendered properly in iphone

阅读更多关于 html email with inline images not rendered properly in iphone

I was hoping someone could help me out what I'm doing wrong in the below code - my email get sent, with the image inlined properly in most email client (gmail web, android), but it does not render properly on an iphone/ipad: only the last attached picture is displayed, without any html content or text content displayed. I understand every email client interprets and renders the payload differently, I don't know how to make it work on an iphone. Any help appreciated! ruby code: require 'mail' def inline_body_with_attachments(html, attachments) attachments.each do |attachment| if (html =~ /#

Is it possible to have a free web-service that would check a page and email its HTML code to me?

阅读更多关于 Is it possible to have a free web-service that would check a page and email its HTML code to me?

问题 I just asked a question about whether it was possible to write a web-page-checking code and run it from free web server, and one supporter answered and said that it was possible and suggested that I used Google App Engine service. But he also said that there are no files there, so I would have to work with their database. I wonder, if there is no such feature as creating files on that free web server, then is it possible to run from that free web server a code that would check a web-page

Wrong display of html e-mail in Outlook

阅读更多关于 Wrong display of html e-mail in Outlook

问题 I created an html e-mail with the following code: <!DOCTYPE html> <html style="margin:0px;padding:0px;"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> </head> <body style="margin:0px;padding:0px;"> <div style="background-color:orange;max-width:600px;height:180px;margin-left:auto;margin-right:auto;"> <img src="http://placehold.jp/500x710.png" style="height:180px;width:127px;display:block;border:0;float:right;margin:0px;padding:0px;"> <p style=

Unable to send embedded image in email using FluentEmail

阅读更多关于 Unable to send embedded image in email using FluentEmail

I'm using FluentEmail in ASP.NET core 2.0 class library which will be sending the Email notification. Below is the sample code I have tried till now: using FluentEmail.Core; using FluentEmail.Razor; using FluentEmail.Smtp; using System; using System.IO; using System.Net.Mail; using System.Net.Mime; namespace FluentEmail { public class EmailNotification : IEmailNotification { public bool SendEmailNotification() { try { //Setup Default sender befault sending the email. SmtpClient smtpClient = new SmtpClient { Host = "smtp.office365.com", Port = 587, EnableSsl = true, Credentials = new System.Net

getting rid of space with the superscript in html emails

阅读更多关于 getting rid of space with the superscript in html emails

问题 superscript is leaving a big space between the line height. code is <span style="position:relative; bottom:0.2em; font-size: 0.8em">®</span> I am not using the <sup></sup> tag as it too leaves a big gap in the line height. Is there a work around. I am aware that the position:relative does not render well in outlook. What's the other alternative to this? 回答1: I've made few experiments in jsFiddle and I think you will be able to use: <sup style="line-height: 0">®</sup> in firefox it does not

Outlook 2013 Ignores font-family

阅读更多关于 Outlook 2013 Ignores font-family

What is the best way to specify the font-family when coding emails for Outlook 2013? I have found that font-family is ignored when it is added inline like this: <span style="font-family: Helvetica, Arial, sans-serif;">Text</span> I have found that this works: <span><font face="Helvetica, Arial, sans-serif">Text</font></span> However, this is a pain as I have to add the tag everywhere that text is added. Wrapping a tag around several elements is ignored. Is there a way that I can set the font once and forget about it? An effective way to force Outlook 2013 to use specified font stack is to wrap