Go Back   CodingForums.com > :: Server side development > PHP

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-17-2012, 10:17 AM   PM User | #1
tomharto
Regular Coder

 
Join Date: Jul 2010
Location: Sheffield
Posts: 796
Thanks: 91
Thanked 18 Times in 18 Posts
tomharto is on a distinguished road
HTML emails with CSS.

I need to create a newsletter which emails people a HTML email

It needs to roughly look like the image i attached.

Is there a best method for creating HTML emails and use CSS styling?

Also is the a special way to use images or do i just link to the using the full http path?

Thanks
Attached Thumbnails
Click image for larger version

Name:	newsletter artwork.jpg
Views:	31
Size:	52.0 KB
ID:	10843  
tomharto is offline   Reply With Quote
Old 02-17-2012, 01:28 PM   PM User | #2
mlseim
Master Coder

 
mlseim's Avatar
 
Join Date: Jun 2003
Location: Cottage Grove, Minnesota
Posts: 9,046
Thanks: 8
Thanked 1,029 Times in 1,020 Posts
mlseim has a spectacular aura aboutmlseim has a spectacular aura aboutmlseim has a spectacular aura about
You can put CSS into the email,
but all images have to be referenced absolute (full URL).
Images don't go with the email itself.

A few things ...
Not everyone accepts HTML emails, they have it set to plain text only.
I know with my email client, all images are blanked-out with [X] and then
a pop-up message asking me if I would like to see the images. I have to
"allow images" to view them. That makes my HTML emails look like crap
until I accept them. I can probably disable that security thing, but not
everyone will know how to get around it.

If the people you are sending your emails to expect the emails, then it might
be easier to get them set-up to receive them properly.


.
mlseim is offline   Reply With Quote
Old 02-17-2012, 02:00 PM   PM User | #3
abduraooft
Supreme Master coder!

 
abduraooft's Avatar
 
Join Date: Mar 2007
Location: N/A
Posts: 14,680
Thanks: 158
Thanked 2,182 Times in 2,169 Posts
abduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really nice
See http://www.sitepoint.com/designers-guide-html-email/ and http://www.sitepoint.com/designers-guide-html-email/

PS: That two column layout is okay, but I don't understand the purpose of tabs in the header.
__________________
Quote:
The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)
abduraooft is offline   Reply With Quote
Old 02-17-2012, 02:00 PM   PM User | #4
tomharto
Regular Coder

 
Join Date: Jul 2010
Location: Sheffield
Posts: 796
Thanks: 91
Thanked 18 Times in 18 Posts
tomharto is on a distinguished road
Okay, thanks for the tips, im slowly working my way throught it. I'm starting to figure out what things don't work CSS wise, background image being the main one ive seen so far.

Also apologies for posting this in the wrong place, A mod can remove this post if they wise as i reposted in the relevant section
tomharto is offline   Reply With Quote
Old 02-17-2012, 02:01 PM   PM User | #5
tomharto
Regular Coder

 
Join Date: Jul 2010
Location: Sheffield
Posts: 796
Thanks: 91
Thanked 18 Times in 18 Posts
tomharto is on a distinguished road
Quote:
Originally Posted by abduraooft View Post
PS: That two column layout is okay, but I don't understand the purpose of tabs in the header.
All the person wants is for the tabs to be a URL to the relevant page on there site.
tomharto is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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 +1. The time now is 08:52 AM.


Advertisement
Log in to turn off these ads.