The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

Reply to this topicStart new topic
> Need help making an email responsive
post Nov 15 2016, 04:14 AM
Post #1

Group: Members
Posts: 1
Joined: 15-November 16
Member No.: 24,931

I'm trying to send out an email to our subscribers consisting of 3 pictures with text, 2 of the pictures are also links.
It works just fine with Outlook on Mac and on iOs, but on Outlook for Windows and Android the pictures turns out huuuge, and the top picture also disappers.
I've tried setting the width to everything from 300-600px, and also just 100%, but it's not working.
After doing som research I can see that Outlook seems to be a problem and that the HTML/CSS code needs to be responsive to make it work.
I have found some templates at Zurb, Litmus and Mailchimp, but I'm not that experienced in HTML/CSS-coding and can't figure out how to make it work, but I guess it should be a really easy task for someone with a little more knowledge than me.

I need to use a special platform to send out the emails that our company already pays for, and they're gonna be sent once a day, so I can't use Mailchimp to build and send it.

Right now the code looks like this;

<p><img alt="" src="" style="width: 100%; height: 100%;" /></p>

<p><a href=""><img alt="" src="" style="width: 100%; height: 100%;" /></a></p>

<p><a href=";if_height=1081"><img alt="" src="" style="width: 100%; height: 100%;" /></a></p>

I have attched the template I found, and I just wants to know if anyone can help me see if this should fix the problem and maybe be so kind to put my picture codes into the template.

Thanks a lot!

Attached File(s)
Attached File  simple_announcement.html ( 9.72k ) Number of downloads: 258
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:


- Lo-Fi Version Time is now: 22nd February 2019 - 11:21 AM