Mar
3

Two Tips - CSS in Email Newsletters

By Marge R

Anyone who has tried to create an email newsletter using cascading style sheets already knows that there are issues with certain email clients. So let’s talk about which clients have problems, what causes some of the problems and a couple of suggestions on how you create an email newsletter that will look ok in all clients?

Let’s start by looking at the cause. Gmail is one of the worst. In fact, a good rule of thumb has always been that if you can get your email newsletter to look ok in Gmail, then it is a pretty safe bet that it will look ok everywhere else.

Gmail is a browser-based email client, which means that it is already an HTML page. So if your newsletter contains the standard HTML page tags (ie. <head>, <body>), Gmail strips them out, because they are basically redundant with those same tags that already exist within the Gmail web page. And if you think about it, that automatically impacts any external or page embedded CSS that you may have used.

Read more

Filed Under CSS, Dreamweaver, Expressions Web, FrontPage, Outlook, Web Technologies |

Jan
20

CSS Shortcut

By Marge R

Don’t set the margin and padding for every element on your page separately. If they are all going to be set to 0, use the wildcard element (*) …

* { margin: 0; padding: 0;}

Now you only have to define the margin and padding on elements that are not set to 0.

Filed Under CSS, General, Web Technologies |