How to link sent newsletter to css stylesheet?

As the guy who (happily, luckily) published the 2nd and 3rd links offered by beginner, I would add that when you send an email you have two choices:

1. Embed the stylesheet information in your email before the close of the head tag.
2. Divide up the styles and attach them to table TD cells as well as the H1, H2, H3, P, IMG, and A tags within your email, with no embedded stylesheet.

The former approach will result in your stylesheet being ripped out by Google Mail (GMail) and similar services. Don't ask me why. The second approach results in a lot of repetitive code but works in GMail and most of the older email software.

As for using the same stylesheet in your email as in your archived email newsletters on your website, if I understood the question, in scenario 1 above, you can maintain one stylesheet for both the email and the archived version/page. In the second scenario above, you have to maintain two stylesheets, one for the archived version/page and a second collection of styles that have been cut and pasted from that master stylesheet.

Finally, I'd note that the SitePoint link goes to a version of an article they were good enough to publish in November 2004. The ReachCustomersOnline.com link goes to the same article but that article has been updated several times, most recently to document how to code for Google Mail. The SitePoint link is useful, however, for its link to a forum about the article; there you'll find several good alternate approaches to coding email newsletters.

Hope that helps.

Tim

I spent a few hours on how to style the outgoing newsletters and found out that when you use mimemail then the last block of the mimemail.module checks if the file "mail.css" exists in your theme folder. If so it will use it.

I needed to set the background-color for the newsletter (because standard it takes the site background-color) and I wanted to hide the title on top of the newsletter (when sent). This is the content of my mail.css and now it looks like I want:

body {                                                                                                                              
    background: #ffffff;                                                                                                            
}                                                                                                                                   
                                                                                                                                    
h2 {                                                                                                                                
    visibility: hidden;                                                                                                             
    height: 0px;                                                                                                                    
}      

Hope this helps someone.
Success
Jan

Yes! That was it! Thanks!