Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design HTML Email Design Designing Email with CSS Designing Email with CSS

Elizabeth Naughton
Elizabeth Naughton
374 Points

HTML EMAILS

I read that you should never set width in a table ONLY a cell. Is that true? Also, my images are not showing up in the actual sent email. Looks great on the web and the initial email message but when it reaches the client - no images. Any ideas? Thanks...

10 Answers

Grayson Sabin
Grayson Sabin
6,911 Points

oops forgot the backtiks

You have: <img src="images/20-Downer_photos.jpg"> 

Should be: <img src="http://20downerave.com/Email/images/20-Downer_photos2.jpg">
Anthony Moore
Anthony Moore
2,282 Points

Can you share the code you are using for the email to display the images?

Maybe try nested tables?

Elizabeth Naughton
Elizabeth Naughton
374 Points

OK - will try to inline. Thanks!

Elizabeth Naughton
Elizabeth Naughton
374 Points

Hey Anthony - thanks for getting back to me! I can send you the code but it seems fine. The images display on the web and when I hit "share - Email this page" in Safari the email message is perfect. However, when I receive the email the images are not there... ugh. If you think its a code issue I can send it along - do I need to inline the styles? I did not do that...

Anthony Moore
Anthony Moore
2,282 Points

Yes for emails you will always want inline styles. Here is a great tool I often use to make everything inline: http://beaker.mailchimp.com/inline-css

Elizabeth Naughton
Elizabeth Naughton
374 Points

Perfect! Thank you - the tool worked but images are still not visible in email... ugh so frustrating!

Elizabeth Naughton
Elizabeth Naughton
374 Points

I checked all files and links - they seem fine. Again, they display on web and in original Safari "share as email" window but when received - no images. Very frustrating - any other suggestions?

Anthony Moore
Anthony Moore
2,282 Points

Without seeing the code it is hard to determine what the issue could be. Do you have a link to the email on the web?

Grayson Sabin
Grayson Sabin
6,911 Points

Looks like your images need an absolute path. In an HTML email it dose not send the images over, you have to call from an outside source.

You have: <img src=” images/20-Downer_photos.jpg”>

Should be: <img src=http://20downerave.com/Email/20-Downer_Eflyer_il.html/images/20-Downer_photos.jpg>

Also keep in mind that 60% of all users have images block in their emails, its sucks but no way to fix that.

Hope that helps.

Elizabeth Naughton
Elizabeth Naughton
374 Points

OMG you're right!!! You are AWESOME!!! Thank you!!! I also eliminated the html file name from the path - and IT WORKED!!! Honestly - thank you! Have a GREAT weekend!