html-email

Email newsletter not rendering correctly

由 本小妞迷上赌 提交于 2019-12-22 07:57:14
问题 I'm new in CSS and HTML. I have an email template with HTML and CSS code. I put a pink circle box in my newsletter template to the top right: http://www.pedersenshotell.se/newsletter/ It looks OK on Firefox, Opera etc., but when I upload it to the Newsletter email campaign and send to Yahoo, Gmail, Outlook and Hotmail it looks so ugly. It shows a square box instead of a circle. Why? 回答1: HTML e-mails are tough things. The email clients are often not normal browsers they don't render the HTML

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

由 懵懂的女人 提交于 2019-12-21 17:47:17
问题 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

Is it safe to use protocol relative URL in email?

由 无人久伴 提交于 2019-12-21 07:24:22
问题 There are existing discussion [1] on the use of protocol relative URL in HTML, but how about email? Will email client, or service providers like Gmail strip or modify protocol relative URL when they are used in HTML email? [1] Can I change all my http:// links to just //? 回答1: I sent an email through Gmail with this content: <a href="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">link</a> and it was received unmodified. When I right-clicked on the link to copy the link address,

Yahoo changes width to min-width on td

由 瘦欲@ 提交于 2019-12-21 06:26:09
问题 Sorry, not 100% certain if this belongs here or Super-User group but... I have an html email, with 4 icons that I want centered and slightly spaced. So, I have a table with 4 set width cells and an extra empty one on either side. <table style="width:100%;border-collapse:collapse;table-layout:fixed;"> <tr> <td></td> <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td> <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td> <td style="width:32px;padding:0 4px;"><a><img src=

Gmail shows download icon on images of HTML Email

由 ∥☆過路亽．° 提交于 2019-12-21 03:59:20
问题 We have a Html Builder, that allows you to create responsive html for emails. We are using a third party engine to send the emails in bulk. The problem is, when email is being opend in gmail inbox, it shows download icon on some of images (not all), while their generated html is same when compared to images without download icons. Why would gmail add download icons for images on emails. Looks like its treating images like attachment. Any info, fix or suggestion is appreciated ?? Here is the

How to apply input which has a type email to to HTML Helper in Asp.net MVC3 Razor

由 北城以北 提交于 2019-12-21 03:51:15
问题 How to apply input which has a type email to HTML Helper in Asp.net MVC3 Razor. For example: <input type="email" name="name" value=" " placeholder="example@mail.ru" /> Is there alternative in Razor? 回答1: You can use Html.TextBox method. @Html.TextBox("name","", new { type = "email", placeholder = "example@mail.ru" }) 回答2: Use Dataanotations at Model : [Required] [DataType(DataType.EmailAddress, ErrorMessage = "Invalid Email Address")] public string EmailAddress { get; set; } 回答3: The below

Outlook 2013 rendering issue: nested table truncating adjacent text

由 南楼画角 提交于 2019-12-21 02:36:37
问题 In developing html email newsletters, I often use a structure similar to the following: <table width="244" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffcc"> <tr> <td> <table border="0" align="left"> <tbody> <tr> <td bgcolor="#FFCCCC">text in the table cell.<br>and another line of text.<br>and a third line.</td> </tr> </tbody> </table> Hello. This is sample text. This is another sentence. Hello. This is sample text. This is another sentence. Hello. This is sample text. This is

Anyone know what the purpose of tagging a class with *[class]

由 霸气de小男生 提交于 2019-12-20 06:14:29
问题 I received a file from a client today that is a template for an e-mail and in the css for the mobile version all of the class specifications were preceded with *[class] e.g. *[class].centertext { somespec:0; } anyone know what the purpose of adding that to a class is? thanks. 回答1: There is a yahoo fix/bug workaround that uses this technique (css classes) in html email design. There was a bug where Yahoo rendered all media queries by default, and this was the common solution. There have been

Anyone know what the purpose of tagging a class with *[class]

由 喜欢而已 提交于 2019-12-20 06:14:01
问题 I received a file from a client today that is a template for an e-mail and in the css for the mobile version all of the class specifications were preceded with *[class] e.g. *[class].centertext { somespec:0; } anyone know what the purpose of adding that to a class is? thanks. 回答1: There is a yahoo fix/bug workaround that uses this technique (css classes) in html email design. There was a bug where Yahoo rendered all media queries by default, and this was the common solution. There have been

Automatically resizing a VML background image in Outlook

由 拜拜、爱过 提交于 2019-12-20 05:58:06
问题 I know about the Bulletproof Email Backgrounds hack, but as this places a set-sized VML rectangle in the background, and then places the content within it, it doesn't resize. Or to put it another way, the text in the table cell is cropped to the height of VML rectangle. I've tried everything I can think of, but there doesn't appear to be anyway to allow the content of the VML rectangle to resize it. Is there ANY other way of getting background images in Outlook? 回答1: Besides VML, the only
订阅 html-email