Relative paths won’t work for an e-mail signature. Campaign Monitor has a great summary of CSS support in e-mail to use for reference. E-mail clients tend to be very picky about which CSS properties they support.

The style tag is not supported in Gmail, and support for CSS selectors is spotty. The CSS float property is not supported in Gmail or Outlook, making CSS layouts impractical. One major obstacle in designing HTML e-mail templates is that there are literally dozens of different e-mail clients out there (most if not all can’t handle CSS and HTML as well as our internet browsers can) so you have to keep your design and codes as simple and straight forward as possible. Step 1: Designing the HTML/CSSīefore we begin, here are some basic but important notes to keep in mind as you design your signature. Follow this tutorial to create a HTML email signature file and to get it installed into the new version of Mail on Mountain Lion OS X 10.8.įor Mac OS X 10.7 users, please follow my previous tutorial: Create a HTML Signature in Apple Mail on Lion OS X 10.7. If you want to create a custom HTML email signature for Mail on Mountain Lion, the HTML coding part remains the same but the installation have changed. Once again, Apple updated Mail.app with some changes. Apple Mac OS X Mountain Lion 10.8 is now available.