Help! Need to push out this email campaign now. CSS not supported in some email clients, so I need to set inline styles for the text links. Can’t seem to get it right. CSS below. My attempt at inline css inside the container div.
The GOOD news is that you can definitely use CSS in the head or body of your HTML email with fairly broad support. According to Campaign Monitor’s email CSS compatibility guide, you can define a:hover using declarations much like how I’ve done it above, and the only major clients that won’t get it are Gmail, Outlook 07, and Notes 6/7.
Email HTML is HARD. It is a pain and a nuisance to get everything right in every client, and you simply do not have the same control over the presentation as you do with a web browser. If you think browser quirks and differences are hard, you ain’t seen nothin’ yet. It is definitely one of those situations where you just have to be content with a slightly different look between clients.
I’d suggest you have a good close look at the guide linked on that CM page so that you have the goods on what’s available and with which techniques. It’s a great little cheat sheet. (No, I don’t work for Campaign Monitor, i work here )
Code Sponge, you can either do “true” inline styles as Raena suggests or you can stick to the old HTML tags (which are not CSS and therefore not stripped out).
The <style> declaration is made for the document HEAD and so is not my choice for email. I personally use inline styles for everything, it’s not as clean as for the browser. Looks like:
Thanks to all. The articles are very informative. I’ll reference them on my next project. Hope to tackle a full css website soon! Like Luki_be, learning each day.