I m working over an newsletter and facing a problem of white spacing in windows live mail and some images are missing in outlook2007. I have used these image as html attribute background and using tag as well.
In which most of the images used as background(Not CSS background) are not showing in outlook2007.
Can anyone help me please.
Are the images hardlinks to the files (http://www.yoursite.com/yourfile.jpg) and are you sure your just not clicking the button to allow images? most modern email clients prevent HTML Email images from loading until you explicitly click to allow them. Also, background images DO NOT work in HTML emails.
Related
I've just encountered a new issue that hasn't popped up in the 2.5 years I've been doing it. I send emails using Mailchimp and use HTML coding to format. Recently, my email campaigns have been clickable on desktop but spotty on mobile. Certain images will be clickable, certain ones won't - and when I return to the email, some new images are clickable or sometimes no images are clickable. It's very random. Below is an example of how I have always coded my emails. Picture of Code Used
You are using an area map to get precise locations on an image to link. However, on mobiles, those images are getting shrunk, depending on their size. Every email platform will shrink them differently, and depending on the content of the email, and the size of the images, they will shrink to different sizes.
So that explains the discrepancy you see. Now how to solve it?
Essentially, instead of providing one massive image, you need to use HTML + CSS, with tables and separate images and links. You need to lookup any modern resource on HTML emails and follow their guides or templates. This way, when the images move around to fit on mobiles, each image or word will have it's own link, and it will work consistently.
I made a picture to use as a background. I tried using that picture with CSS but Outlook doesn't support that. So I just put the picture in body tag. Now I am able to display the picture but it is repeating.
I tried to stop repeating using CSS background repeat: no-repeat; but it isn't working. Whenever I try to use CSS on that background image, the image is not at all displaying in my email.
So I need a way to stop repetition of background image in HTML without using CSS.
Any help?
Email clients are notoriously bad at interpreting CSS or any standards for that matter. You can take a peek at this list: http://www.email-standards.org/clients/ to see what is and what isn't supported by the client you're targetting.
Keep in mind however that using images or extensive markup in e-mail messages will most likely (read: always) lead to headaches and - if possible - need to be avoided.
I am composing html email.
I know from here:http://www.campaignmonitor.com/css/#css-com_1 that Outlook does not support background color but other clients does. I have nice green bg image and white text on it. But in outlook I see nothing - white text on white background with no background image.
Can I detect email client, and if it is Outlook, then change color style of my text from white to black, for example?
Things could be simplified, if I could render image with text and put image only, but I have to put links in text. Yes, I can use map/area, but this doesn't work on several important web email clients (freemail.ukr.net for me).
Yes you can target only Outlook using conditional CSS statements
But a better approach is to get it to actually work in Outlook. In html email it is best to declare your background color in a table like this:
<table bgcolor="#007700">...
Needs to be the 6-digit hex code for full client support.
For background images, check out emailbg.net for the only method where you can set a background image to a page element. (There is another non-VML way to do it that only works in the body tag)
Email client communications with the email-server does not work the same way as browser communication does. So this can't be done.
You're best bet would be to link to a webpage at the very top of the page. Something that says Can't View This Email? Click Here to view it in your browser.
I have issue with background-images working for email templates(i know background image won't work across all email templates consistently but my client want it to email with background images).
I want to add background image for for the mail template but no luck as of it as it is not supported in most of the clients.
I tried to ovelay text on image using negative margin-left and position absolute but no luck as margin-left is not supported in outlo0k,gmail and notes.
Any help/suggestions would be great
Thanks in advance
Yes, there are still some good solution for achieving background images.
In Outlook, which is one of the more difficult clients to work with this post from Campaign Monitor's blog should point you in the right direction. The is a technique that uses VML to get background images working well in Outlook 2007, 2011, 2013.
The other tip is add the !important declaration to your CSS for Gmail to recognize the background image.
You might also want to set background colors if you're using tables with old bgcolor attribute setting just in case your background images don't load. That way if you have say...gray text on a blue background it still looks okay.
Finally, set you background images up as inline CSS and use media queries so on the clients like the iPad that are easier to work with you get the results you want.
I creating a program which send newsletter with a background image. It works fine on Office 2000-2003, thunderbird, but the background image does not show on Outlook 2007. I read that Microsoft changed the rendering engine and did not support the background css property (it is possible but only applied to the Body).
Is it achievable to create an email which will render like that : http://www.freeimagehosting.net/image.php?a7905f7d16.png
on Outlook 2007 ?
What is the solution ?
Thank you for your help.
Shouldn't be too hard, as you're only needing one background image for the whole layout. Here is a blog post telling you how to get your background images working for the body.
Then just put the images and text inside a table and style it up with the correct width, and BAM, you're good to go (:
Not only has Outlook 2007 stopped the background image from showing in anything but the body element, apparently you have to be careful about how you set the styling of said background image as well. Perhaps this is your problem?
Campaign Monitor has a short post about it.
perhaps using a table and put a background on the table would work. either way, if you have styled it using css only, your in trouble and will most likely have to take a few steps back and do alot of the styling again.
fyi: www.fixoutlook.org
Outlook by default uses Trident, IE's engine for incoming mail, and Word HTML rendering engine for outgoing mail... Until Office 2007 (and some people hate it).
Now, it uses Word 2007's rendering, wich is rather lacking. On microsoft's page you can see that de body element doesn't support the style attribute. Because of this, you can't give a background to the body.
May be enclose everything in a styled div, instead of styling the body?