I've seen a few similar questions to mine, tried many of the suggested fixes with no luck so far. This is my first html email, made in dreamweaver from slice photoshop images.
Would anyone be able to have a look at my Table/Image based email and guide me in the right direction to ge tit to display properly in Outlook 2007 & 2010. I know Outlook is a pain with emails but the majority of my recipients will be using one of these versions.
You might think the coding is too much when you see it but it's because I've been adding all the fixes everyone suggests...
I'd really appreciate some help on this one.
Thanks so much.
Don't get me wrong with all my criticism. It looks like a lot of thought went into this and there is some good execution, but overall it's not suitable for email bottom line. I would stay start with the standard 600px (or 650px) wide table and go from there. The concept needs to be simplified or you will lose your audience in a hurry.
Thank you. Completely agree on your comments, unfortunately the design side of things is out of my hands.
It is indeed something new, and something the powers that be are adamant gets sent out
By changing the width to 600px, will that make it work in Outlook? It appears all good except for two slices on the far left and far right that are pushed down further than they should be, producing a white gap on both sides at the edge... can this be fixed?
Changing the width to 600 from 1100 will cut your document in half. That's why I'm saying it really needs to be rethought out. Do you have any statistics on your readers? You almost need an average resolution that falls somewhere in the 1600px wide minimum which is not the norm to make that work. Just because a resolution may be 1280 wide doesn't mean there is 1100px of visible space in an email client. In fact it's probably closer to 800-900. And there's really so much going on for an email. Maybe you could talk them into a scaled down version with a couple links (home, social, and landing page) and make that page the landing page. There are plenty of usage statistics and articles from ESPs like Mailchimp and Campaign Monitor to reference too.
I do understand your predicament and if they are not going to listen to you telling them this will not generate interest or a return, all you can do is send it out as is and use the numbers to say this didn't work let's try something different next time.
Some other points...
1. Downloading - The main problem I see for you is default email client settings. The default setting for most email clients is to not download the images embedded within the email, so your recipients will not see anything but your alt text and the "click here" text unless or until they choose to download. That alt text needs an update to make it useful.
2. All Images - "All image emails" are considered spam by many junk/spam filters, it's best to have some html text content to keep it from being blocked by the recipient's email clients. I'm not certain if the small amount you currently have is enough for most filters. That being said, the current email could also trip some corporate level spam filters, keeping the email from ever reaching the recipient email client and getting whatever "from" email address you use blacklisted on those corporate servers.
3. Embedded CSS - Embedded css (css within the <head> of a page) will not work on a wide variety of email clients, it gets stripped out along with most other <head> content. You can use inline css, though css is still not supported well by many email clients, especially Outlook. It appears as though your css will be fine since it is pretty simple. It just needs to be moved into the actual elements of the email.
4. Valid Code - Aside from that, the code is technically fine other than the all caps META, which should be lower case at line 3, an extra </font> tag at line 4 and the use of the height attribute in the table which is technically invalid but likely not a display issue.
They definitely won't be budging on a change at this late stage. And I will most definitely be suggesting a change with the proof of the return interest figures once sent out. But I can't send it out with the two gaps still showing when received by someone using Outlook 2007 or 2010. All other images sit perfectly where they are supposed to so it's really troubling me why these two images have shunted down the page and are not inline like they are when viewed in a browser... any help would be appreciated.
That gap is being caused by using nested tables.
I would suggest re-slicing your work in Photoshop so the slices lay out as a simple grid. Since you aren't using anything that requires you to have all of these oddly shaped slices (everything is images and nothing between slices will resize like a text filed or other content).
You could just use a single cell table set to the right width and place the images within it in a natural flow, using a <br /> between rows.
EDIT: Something like this...