Hi All,
The man wih the impossible questions is back!

I am working on some HTML for an email campaign. So I cannot use css or any css inline stylings. It has to be all HTML for it to be compatable with all email programs. So Hurray, everything is being done with tables instead of divs.

The way the standards is set up, each page needs to have a border around three sides, left, right, and bottom. The top is completed with a header. You can see an example of one of the pages I am trying to recreate for HTML here:
http://www.cigarheads.biz/sequence/c...cigarhead.html

Sooo, is this even possible with straight HTML?

Thanks!

nope.

on page stylesheets & inline css works with all email clients I have ever tried, stay with CSS1 styling and it should be fine.

Originally Posted by cruizer

Hi All,
The man wih the impossible questions is back!

I am working on some HTML for an email campaign. So I cannot use css or any css inline stylings. It has to be all HTML for it to be compatable with all email programs. So Hurray, everything is being done with tables instead of divs.

The way the standards is set up, each page needs to have a border around three sides, left, right, and bottom. The top is completed with a header. You can see an example of one of the pages I am trying to recreate for HTML here:
http://www.cigarheads.biz/sequence/c...cigarhead.html

Sooo, is this even possible with straight HTML?

Thanks!

Smoke or GET SMOKED!

You can use style="border-top: no" but i don't think you can do this without using css..

style="border-top: no" ??

You can't make values up for CSS properties you know.

i think you need to fix your css first before we go on fixing your main issue which you mentioned, so for example your css:

A { color: #FF0; text-decoration: none; }
A:link { color: #e39239; text-decoration: underline; }
A:visited { color: #e39239; text-decoration: underline; }
A:active { color: #e39239; text-decoration: underline;}

do:

a:link { color: #FF0; text-decoration: none; }
a:active,
a:visited { color: #e39239; text-decoration: underline; }
a:hover { color: #fff }

when you type a,p,fieldset,div,span,legend,img,table,tr,td,th - these are all global attributes so you don't need to specify ones after like you have above.

try not to do: padding-left:5px; i see your writing short hand css which is good, but don't mix it with old style css so do: padding: 0px 0px 5px; (i think its that, can't remember off the top of head) do the same for margins too.

you also have: width= 100%; it should be: 'width: 100%'

instead of this: border-style:solid;
border-color: #000000;

why not do: border: 1px solid #000;

i haven't heard of this before: content: "."; (we are all still learning so correct me if im wrong)

see that then looks better and easier to follow.

I have heard before you cannot use css in emails too which is nutts but could be true never tried it before so cannot really help you with your html because i forgot the old code used in frontpage and all those old apps.

Thanks for the info guys. Been doing a lot of testing, and I think I have it as good as it's gonna get. From what I can gather, only do inline css if you have too. Most email clients will strip out anything above the body tag, so page stylesheet will not work. Yahoo and Thunderbird read inline css just fine. Gmail will too, but since their latest update, it ignores cellpadding and cellspacing. Hotmail ignores all inline css.

I don't know about AOL. I don't know anyone that has it to test with.

So basically anyone with Hotmail isn't going to see the borders, but most everyone else will.

AOL, at least for the users I know that have it, uses IE7 within it.

tim