Go Back   Graphic Design Forum > Graphic Design > Web Design

Web Design Web Design type posts here

Reply
 
Thread Tools Search this Thread Display Modes
Old 11-19-2009, 11:35 AM   #1
kat01
Member
 
Join Date: Jun 2007
Posts: 91
embedded image emails that reads cross browser and platforms

HI,

Does ANYBODY know the code to for embedded image emails that reads across browsers whether MAc or PC?

I have an image that works successfully when I test and email myself. When I test and send to another user with a PC or internet explorer, they get the red x and no image.

Here's what I use. This takes an image off of photobucket and goes to a website when you click on it.


<style>
.ExternalClass .ecxhmmessage P
{padding:0px;}
.ExternalClass body.ecxhmmessage
{font-size:10pt;font-family:Verdana;}
</style>






<style>
.ExternalClass .ecxhmmessage P
{padding:0px;}
.ExternalClass body.ecxhmmessage
{font-size:10pt;font-family:Verdana;}
</style>
<br>

<br>

<style>
.ExternalClass .ecxhmmessage P
{padding:0px;}
.ExternalClass body.ecxhmmessage
{font-size:10pt;font-family:Verdana;}
</style><a href="http://katolist.com/design.html"><img src="http://i140.photobucket.com/albums/r32/korlando1/promoMailer2.jpg" alt="promomailer" border="0"></a> <br>

<hr><strong><font size="1"><strong><font size="1">If you wish to unsubscribe, reply to this e-mail with "unsubscribe" as the <br>

Thanks!
kat01 is offline   Reply With Quote
Old 11-19-2009, 12:13 PM   #2
Jam
Senior Member
 
Jam's Avatar
 
Join Date: Feb 2006
Location: London
Posts: 754
There are a number of factors that can cause this...

The email programme it's self can ask if you want to download the images / add sender to the safe sender list.

The persons firewall can also restrict the images being sent through - especially if the url doesn't conform or is held on a site they decide to restrict.
Jam is offline   Reply With Quote
Old 11-19-2009, 12:33 PM   #3
CkretAjint
Secret Agent Man
 
CkretAjint's Avatar
 
Join Date: May 2007
Location: Florida
Posts: 10,000
Using CSS in an email is a no-no. Make sure you code with inline styles.
__________________
Professional Pixel Pusher — Designing the world around you. | Working daily to reach 10,000 hours of practice.
CkretAjint is offline   Reply With Quote
Old 11-19-2009, 03:48 PM   #4
kat01
Member
 
Join Date: Jun 2007
Posts: 91
Jam:
So in other words, nothing much you can do, not knowing how other recipients systems are set up?<br><br><br>(Changed to inline styles)<br>
kat01 is offline   Reply With Quote
Old 11-20-2009, 03:56 PM   #5
vanishdesign
Web usability geek
 
vanishdesign's Avatar
 
Join Date: Feb 2009
Posts: 467
I'm worried you misunderstood CkretAjint. You can use CSS, but instead of doing this:
Code:
<style type="text/css">
#widget{
border: 1px solid #000;
}
</style>
<p id="widget">This is a widget</p>
You must do this
Code:
<p style="border: 1px solid #000">This is a widget</p>
__________________
Swedish Meatball Pornography
vanishdesign is offline   Reply With Quote
Old 11-20-2009, 07:05 PM   #6
yarusskii
<!-- tired -->
 
yarusskii's Avatar
 
Join Date: May 2006
Location: uk
Posts: 407
Normally you get that problem with the images because the images don't get attached to the message, or you are not linking to them properly.

I've built something just for the html emails with inline images:
http://mailer.ilyatitov.com/
__________________
My website: http://ilyatitov.com/
yarusskii is offline   Reply With Quote
Old 11-20-2009, 07:11 PM   #7
yarusskii
<!-- tired -->
 
yarusskii's Avatar
 
Join Date: May 2006
Location: uk
Posts: 407
Could also be that the client does not support, or blocks the display of remote images
__________________
My website: http://ilyatitov.com/
yarusskii is offline   Reply With Quote
Old 11-21-2009, 01:58 AM   #8
garricks
Big Hairy Alpha Badger
 
garricks's Avatar
 
Join Date: Jan 2008
Location: St. Louis City, Missouri
Posts: 18,194
Quote:
Originally Posted by yarusskii View Post
Could also be that the client does not support, or blocks the display of remote images
Exactly. Our company uses Novell Groupwise. Between its lack of support for inline graphics and our company's firewall, very few image-based e-mails display properly.

Every time I get one from someone that I need to see, i e-mail them to tell them to include an "If you can't see this, click here for HTML" hyperlink to a Web page.
__________________
"I put my heart and my soul into my work, and have lost my mind in the process."
garricks is online now   Reply With Quote
Old 11-21-2009, 06:05 AM   #9
urstwile
Power Noodle
 
urstwile's Avatar
 
Join Date: Jan 2006
Location: San Diego
Posts: 18,197
The "if you can't see this" link has become pretty standard for most of the emails I need to create. Even given the option to use inline styles, Google doesn't see them, I've noticed, nor does the Webmail version of my email. We test across a bunch of different platforms and clients, so it's advisable that you do the same to test the results.

What I'm finding is that you have to determine where the garbling becomes simply unacceptable and another way must be found, or whether or not you just accept it and move on. The main thing is does the message come across?
__________________
"Lucy, you got some 'splainin' to do!" - Ricky Ricardo
urstwile is offline   Reply With Quote
Old 11-30-2009, 07:52 PM   #10
vanishdesign
Web usability geek
 
vanishdesign's Avatar
 
Join Date: Feb 2009
Posts: 467
Quote:
Originally Posted by urstwile View Post
Even given the option to use inline styles, Google doesn't see them, I've noticed, nor does the Webmail version of my email
Depends on the styles being used. Campaign monitor has a good compatibility chart.
http://www.campaignmonitor.com/css/
__________________
Swedish Meatball Pornography
vanishdesign is offline   Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:20 AM.




GRAPHICS.COM NEWSLETTER
The weekly Graphics.com newsletter is a great way to stay up to date on what's new on the site and in the world of graphics. Subscribe »
JOB LISTINGS
Featured Listings
Agency Photo Producer
clm
New York, NY
Account Director/Strategist
Office
San Francisco, CA
Graphic Designer
Marketing Communications Organization
Newtown Square, PA
Studio Manager
Office: Jason Schulte Design, Inc.
San Francisco, CA

See all other great design jobs on our Job Board

Post a risk-free
job listing for $279


Latest Blog Entries

Let's Talk Generic
Mike Lenhart

Art in the House
Mike Lenhart

It's All Black and White To Me
Mike Lenhart

A Bite From The Apple
Mike Lenhart

The Outside In Approach to Social Networking
Chris Dickman

Don't Bite Your Nails!
Mike Lenhart



WebMediaBrands
mediabistro learnnetwork freelanceconnect SemanticWeb
Jobs | Events | News
Copyright 2010 WebMediaBrands Inc. All rights reserved.
Advertise | Terms of Use | Privacy Policy

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.