If you use a DIV instead of a SPAN, each element will start in a new line. I placed each element inside its own SPAN division to have the text float left without it breaking off to its own line and so that I could use inline CSS to format each element. I have my logo on the left and the text on the right. Because of this, I recommend linking to your images by placing them on a web server rather than including them as attachments.įor my signature, I used a two-column table. I personally dislike e-mail signature images as attachments (it makes it easy to mistaken that image as a legitimate attachment). So all your links need to be absolute URLs. 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.

Free email signature templates for mac