Achieving correctly proportioned, responsive images within #Gmail via @JetSetStephen @advenix #EmailMarketing #EmailDesign #EmailTips

/, Healthcare Marketing/Achieving correctly proportioned, responsive images within #Gmail via @JetSetStephen @advenix #EmailMarketing #EmailDesign #EmailTips

Achieving correctly proportioned, responsive images within #Gmail via @JetSetStephen @advenix #EmailMarketing #EmailDesign #EmailTips

Great post by freelance HTML guru @JetSetStephen Stephen Jesson.  I met @advenix – Justin Khoo at the Email Design Conference this past November & he’s doing some pretty amazing things w/ CSS in email.  Check out his blog: http://freshinbox.com/blog/ 

“I jumped back into my Campaign Monitor account and decided to preview my campaign in the browser: when I resized my window, the image was indeed scaling up and down responsively, so the attribute selector was working, however when I checked the source code of my campaign to see what Campaign Monitor had inlined, I noticed that it had inlined all my CSS classes and id declarations except my attribute selector.My campaign’s image tag appeared as:

<img src=”my-image.jpg” alt=”Does this work?” width=”600″ height=”399″ title=”gmail-fix” class=”image” style=”border-width: 0; display: block;”>

The border-width: 0; display: block; inlined CSS was coming from my .image class in my stylesheet, but my attribute selector declarations of width: 100%; max-width: 600px; height: auto; had not been inlined from:

* [title=”gmail-fix”] {
width: 100% ;
max-width: 600px ;
height: auto;
}” ………….CONTINUE READING

Achieving correctly proportioned, responsive images within the Gmail

Source: Achieving correctly proportioned, responsive images within the Gmail app (when a fixed height has been applied) — HTML Email . Design

By | 2016-01-18T15:00:08+00:00 January 18th, 2016|Design, Healthcare Marketing|Comments Off on Achieving correctly proportioned, responsive images within #Gmail via @JetSetStephen @advenix #EmailMarketing #EmailDesign #EmailTips

About the Author:

The owner of this blog is not compensated to provide opinion on products, services, websites, or any other topic. The views and opinions expressed here are purely subjective and based upon my training and experience. Any product claim, statistic, quote, or other representation about a product, service, or strategy should be verified with the information source or service provider. This blog claims no credit for any images posted on this site unless otherwise noted. Images on this blog are copyright to their respectful owners. If there is an image appearing on this blog that belongs to you and do not wish for it appear on this site, please click here to email us URL link to image and it will be promptly removed. This blog does not contain any content which might present a conflict of interest. This blog is a personal blog written and edited by Justin Hipps, MBA. This blog accepts forms of cash advertising, sponsorship, paid insertions or other forms of compensation. The compensation received will never influence the content, topics or posts made in this blog. All advertising is in the form of advertisements generated by a third party ad network.