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, 12:35 PM   #1
kat01
Member
 
Join Date: Jun 2007
Posts: 85
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, 01:13 PM   #2
Jam
Senior Member
 
Jam's Avatar
 
Join Date: Feb 2006
Location: London
Posts: 716
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, 01:33 PM   #3
CkretAjint
Secret Agent Man
 
CkretAjint's Avatar
 
Join Date: May 2007
Location: Florida
Posts: 9,317
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, 04:48 PM   #4
kat01
Member
 
Join Date: Jun 2007
Posts: 85
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, 04:56 PM   #5
vanishdesign
Web usability geek
 
Join Date: Feb 2009
Location: Austin, Texas, USA
Posts: 428
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>
__________________
Vanish Design: Austin Web Designer
vanishdesign is offline   Reply With Quote
Old 11-20-2009, 08:05 PM   #6
yarusskii
<!-- tired -->
 
yarusskii's Avatar
 
Join Date: May 2006
Location: uk
Posts: 400
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/


Banana Cargo: http://bananacargo.com/


HTML email creator with inline images: http://mailer.ilyatitov.com/

yarusskii is offline   Reply With Quote
Old 11-20-2009, 08:11 PM   #7
yarusskii
<!-- tired -->
 
yarusskii's Avatar
 
Join Date: May 2006
Location: uk
Posts: 400
Could also be that the client does not support, or blocks the display of remote images
__________________

My website: http://ilyatitov.com/


Banana Cargo: http://bananacargo.com/


HTML email creator with inline images: http://mailer.ilyatitov.com/

yarusskii is offline   Reply With Quote
Old 11-21-2009, 02:58 AM   #8
garricks
Badgertastic!
 
garricks's Avatar
 
Join Date: Jan 2008
Location: St. Louis City, Missouri
Posts: 14,697
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.
__________________
Swapped two ink cartridges in the printer this morning, and hummed a little ditty about black and cyan.
garricks is offline   Reply With Quote
Old 11-21-2009, 07:05 AM   #9
urstwile
Power Noodle
 
urstwile's Avatar
 
Join Date: Jan 2006
Location: San Diego
Posts: 17,797
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, 08:52 PM   #10
vanishdesign
Web usability geek
 
Join Date: Feb 2009
Location: Austin, Texas, USA
Posts: 428
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/
__________________
Vanish Design: Austin Web Designer
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 12:41 PM.




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
Spring and Summer Communications Internships
The Congressional Hispanic Caucus Institute (CHCI)
Washington, DC
Director of Leadership Communications
The Savannah College of Art and Design
Savannah, GA
Photo Retoucher for Major Entertainment Company
Adecco Creative (Photo Retoucher)
Stamford, CT
Senior Webmaster/Designer
DiversityInc
Newark, NJ

See all other great design jobs on our Job Board

Post a risk-free
job listing for $279


Latest Blog Entries

Hollywood vs. The People of Walmart
Ben Kessler

Aol. Debris
Susan Kirkland

Designism 4.0: Is Sustainability Sustainable?
Ben Kessler

A Few Thoughts on Fluid & Static Media
Susan Kirkland

The Evolution of Paper
Chris Dickman

JOBS: Hiring & Firing in Design
Susan Kirkland



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.