Hi.
I work in Design and Marketing and I'm teaching myself some pretty basic HTML to snazz up both our Facebook and our frequent marketing emails. I seem to have nailed the Facebook as a work in progress, but I've hit a wall with the email. I'm using a letter writing template provided by our software providers, and editing the HTML for our bland existing emails, experimenting with clickable images and so on. The mail issue I am finding is, when I insert the image and send a test email to me, the image shows in Chrome and Firefox, but not in IE (Safari seems to be hit-or-miss).

The puzzling thing is, the main feature of the existing template is a JPEG header, which is hosted in the same place as the new JPEGs I'm trying to use, and this ALWAYS shows, in all browsers, all mail providers. I didn't write the code for the header, but the code I did write, for the new JPEGs, doesn't seem to be flawed, otherwise why would it work in some?

Has anyone else experienced this? Is it something to do with a default security setting in IE, and if so, how has the header image got around it? Our software providers can't cast any light over it either, despite having played with it all weekend.

I hope someone will be able to help, as at the moment I just feel a bit stupid.

Regards,
Nic.

I'm confused. Isn't this an email? Then why the browser tests?

Anyway, we can't help you without seeing the thing. Can you post a link to it or post the HTML in here?

Hi, thanks for replying, sorry I wasn't clear. The browser issue I'm having is as follows: When I view the email (sent to my hotmail) on Chrome and Firefox, the images show. They don't when I use IE. The code I used for the image is below - This is using photobucket as a host, as I've had problems with using our site as a host for the images, and thought I'd try that as a last-ditch attempt.


<div align="center">
<img src="http://i1201.photobucket.com/albums/bb359/ptsadmin/ca6550x169.jpg"
width="550"
height="197"
border="1"
alt="CA6 holographic smiles">
<br>
<span style="font-size:smaller;">
30 holographic stickers for 50p!</span></div>
</br>
<div align="center">
<class="MsoNormal"><span style=
'font-size:11.0pt;color:blue'><a href=
"http://www.primaryteaching.co.uk/detail.php?productid=ST03650&proddesc=Mixed+Holographic+Smile+Stickers+x+30&supercategory=Mixed+Holographic+Smile+Stickers+x+30&branch=&wcategory=&catdesc=">
Click here to buy this sheet.</div></a>&nbsp;</p>

Thanks in advance,
Nic

Yes, I understood that. But if it is an email, why don't you test it in email clients rather than in browsers? That it works in all browsers doesn't mean it works in all email clients.

The image doesn't display in older gecko versions either.
"The image “http://i1201.photobucket.com/albums/bb359/ptsadmin/ca6550x169.jpg” cannot be displayed, because it contains errors."

Did you create the image in Photoshop? My guess is that the image contain color profile information which some browsers choke on. If you did it in PS, did you use Save for Web (or what's it called)? That's supposed to strip out unneeded meta data.

I opened the image in a text editor and I think it is as I suspected. So try that Save for Web thing.

Hiya.

I did create in PS and save for web, which is how we create all our web images (including the bits that do show on the web and in emails). I've never had problems with this before. Now I've looked, it retains it as a CMYK image, and doesn't convert it to RGB...Maybe that's something I can look at.

I see what you're saying about the email clients, and our software providers did extensive tests on this last weekend, and it just seems to be the browser that's causing the inconsistencies.

Thanks again for helping out with this.

Ah! That's fantastic. I am full of bluster and lies, as I saved the files incorrectly. It now seems to work on all the browsers but, following your advice, I'm going to test the heck out of it on lots of email clients.

This is absolutely excellent, Thank you so much for your help.

Nic

No problem.

The image is probably fine now. I thought you only tested in browsers, and email clients groks a lot less HTML and CSS than browsers do.