How to send html newsletter via Mail app

I have tried to email my web page - but I have encountered the same problem as Razzel. when I share the page in email - it all looks good, background, pictures etc are all good - when I receive it, the email does not have background or pictures, only text... how do I get it to include these in the mail?

Some things to remember about HTML in mail:

You cannot refer to external CSS styles in an e-mail. Try it: your html will appear un-styled.

Also, you cannot put the CSS in the head portion; styles must be in the tags they define. A styled paragraph will need the CSS in every paragraph tag in the message body. Makes the code look like it was produced by Word's html output feature....

As has been stated, mail client support for html mail is spotty. The best seems to be Apple's Mail app. There are charts available on-line that purport to show what tags and styles are supported by different mail clients. They are discouraging! The smart thing to do is include a normal text version of the e-mail with an enhanced html version of it.

I tried this with Safari and it's not a great solution. I've got my html and one image on my ftp server, wrote a dumb-simple html email, no text, no links, just a table with one image, and in several mail programs the email arrives completely blank, not even an empty table. I'll try some additional tags, like specifying height, but so far results are not satisfactory.

Thank you for this info - bit frustrating you cant do it from Chrome but who cares! Ive been looking for an explanation for ages and couldnt find the simple information.

I only want to send a jpg of an advert (dont worry not spamming) so that it is already open when received. I upload my jpg to my media folder on my web server and grab the html url then open that in Safari and share as email - just exactly as you directed - the subject title comes up automatically but I can change that.

Tips - have a specific folder on your server for such images and make the file name short and relevant!

Thank you so much!!

Maybe just stop trying to send html / newsletters from your mail.app and instead use a newsletter app. You can start with DirectMail - http://directmailmac.com/ . Just a thought.

I've been trying to do this as well and saw this technique. But I do not see a "Share" button in my Safari. Is there a way to do thjis in Leopard?

Hmm.. When I share the email the images show up. When I recieve the email the image boxes have qns marks in them but the links still work? Any idea's??

This did work and the pictures showed up in the body of the email but when I actually sent it they showed up as blank boxes.

This simple solution was the only one (of many!) that retained the formatting and layout of the original web page for me. All the other suggestions resulted in jumbled content. Thank you!

alabanco wrote:

thanks. Now we've got to the most interesting part and intriguing one. Why should I upload html page to the server. I do understand uploading the images to server which will be used as links in my html mail. But why and how should I store that page in my server if I have CMS post instead from which I used pictures as links. SHould I create yet another type of post in CMS that is my html newsletter? That's not cool. What is the industry standard approach for that?

By the way Mail.app uses that baby design templates for your messages. Why don't we have an option to delete all these creepy childish templates and store solid bold corporate style templates for newsletters and send it somehow? Or will it just attach the images to the message then? If so then it is not what I want and it is really depressing.

The industry convention/"standard" is not to use html in email. Wheteher or not your html newsletter displays as you intended is at the mercy of the recipient and their email client settings.

If you want to preserve your html layout and styles, save your newsletter as a pdf document and attach the pdf document to your email. Or, as already suggested, use a web server to serve your html newsletter.