Newsletter considerations

Hi,
Im trying to design a newsletter. Problem is, my css isnt working 100%
properly. When viewed in outlook, its fine. when viewed using a webmail
client, it loses some of the formatting.

Im not sure how much CSS is supported in a newsletter environment, but
please take a look at the html template here:

http://www.jdfmultimedia.com/dev/_newsletters/PDA_North/newsletterV2.htm

Please let me know whats going wrong (the most noticeable thing is the white
headlines are too small in a webmail client).
Thank you very much,
Jacob

Try applying your css to the table cells or the paragraph and not a
<div> tag and see if that helps. Regarding your css code, I created a
newsletter that displays fine. I kept things simple. My CSS looks like this:

<style type="text/css">
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #BD8B00;
text-decoration: none;
}
a:active {
color: #BD8B00;
text-decoration: none;
}
a:visited {
color: #BD8B00;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #000000;
}
..footer {
font-size: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
..content {
border-left-style: solid;
border-left-color: #BD8B00;
border-left-width: 1px;
padding-left: 5px;
}
h1 {
font-weight: bold;
font-size: 12px;
}
li {
padding-bottom: 5px;
}
h2 {
font-weight: bold;
font-size: 12px;
text-align: center;
}
..underline1 {
text-decoration: underline;
}
hr {
color: #BD8B00;
}
..fine {
font-size: 10px;
}
..warningfine {
color: #FF0000;
font-size: 10px;
}
..finebold {
font-size: 10px;
font-weight: bold;
}
..finegray {
font-size: 10px;
color: #999999;
}
</style>

____________________________
Steven K. Lewis
Website Nation, LLC
Website Development Services
www dot Website Nation dot com



On 8/4/2004 12:11 PM, Jacob 99 wrote:

Hi,
Im trying to design a newsletter. Problem is, my css isnt working 100%
properly. When viewed in outlook, its fine. when viewed using a webmail
client, it loses some of the formatting.

Im not sure how much CSS is supported in a newsletter environment, but
please take a look at the html template here:

http://www.jdfmultimedia.com/dev/_newsletters/PDA_North/newsletterV2.htm

Please let me know whats going wrong (the most noticeable thing is the white
headlines are too small in a webmail client).
Thank you very much,
Jacob

My site has a link to the most popular software for producing and emailing a
newsletter. Please go to http://www.webgreenit.com at the bottom right you
will see a link to try this out for sixty days free if you register through
my link. It also allows for HTML or text formatted email that can selected
for each email address. Please register through my site if you do decide to
use it. This may be handy if you plan on getting subscribers to your
newsletters.



"Jacob 99" <jboyo (AT) yorku (DOT) ca> wrote

Hi,
Im trying to design a newsletter. Problem is, my css isnt working 100%
properly. When viewed in outlook, its fine. when viewed using a webmail
client, it loses some of the formatting.

Im not sure how much CSS is supported in a newsletter environment, but
please take a look at the html template here:

http://www.jdfmultimedia.com/dev/_newsletters/PDA_North/newsletterV2.htm

Please let me know whats going wrong (the most noticeable thing is the
white
headlines are too small in a webmail client).
Thank you very much,
Jacob

Thanks for the reply;
Originally, the CSS was only assigned as classes for the table cells. That
didnt work when viewed in webmail, horde, or other web-based email clietns
that would strip some of the HTML tags (sympatico webmail for example,
turned them into <XX HTML XX> etc etc) and so most of the stylesheet (but
oddly enough not all of it) would never show up.

So far, the div method (as messy as it is) is the only way I can get
everything to stay normal in Outlook, OE, webmail, horde, etc etc.....
Are there no hard and fast rules or guidlines for this?

Thanks
Jacob



"Steve Lewis - Website Nation" <user (AT) domain (DOT) com> wrote

Try applying your css to the table cells or the paragraph and not a
div> tag and see if that helps. Regarding your css code, I created a
newsletter that displays fine. I kept things simple. My CSS looks like
this:

style type="text/css"
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #BD8B00;
text-decoration: none;
}
a:active {
color: #BD8B00;
text-decoration: none;
}
a:visited {
color: #BD8B00;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #000000;
}
.footer {
font-size: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.content {
border-left-style: solid;
border-left-color: #BD8B00;
border-left-width: 1px;
padding-left: 5px;
}
h1 {
font-weight: bold;
font-size: 12px;
}
li {
padding-bottom: 5px;
}
h2 {
font-weight: bold;
font-size: 12px;
text-align: center;
}
.underline1 {
text-decoration: underline;
}
hr {
color: #BD8B00;
}
.fine {
font-size: 10px;
}
.warningfine {
color: #FF0000;
font-size: 10px;
}
.finebold {
font-size: 10px;
font-weight: bold;
}
.finegray {
font-size: 10px;
color: #999999;
}
/style

____________________________
Steven K. Lewis
Website Nation, LLC
Website Development Services
www dot Website Nation dot com



On 8/4/2004 12:11 PM, Jacob 99 wrote:
Hi,
Im trying to design a newsletter. Problem is, my css isnt working 100%
properly. When viewed in outlook, its fine. when viewed using a webmail
client, it loses some of the formatting.

Im not sure how much CSS is supported in a newsletter environment, but
please take a look at the html template here:

http://www.jdfmultimedia.com/dev/_newsletters/PDA_North/newsletterV2.htm

Please let me know whats going wrong (the most noticeable thing is the
white
headlines are too small in a webmail client).
Thank you very much,
Jacob