Reply
Table border only on three sides.
Old 11-21-2008, 07:13 PM Table border only on three sides.
Experienced Talker

Posts: 38
Name: Brent
Trades: 0
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!
cruizer is offline
Reply With Quote
View Public Profile
 
 
When You Register, These Ads Go Away!
Old 11-21-2008, 07:30 PM Re: Table border only on three sides.
chrishirst's Avatar
Super Moderator

Posts: 21,614
Location: Blackpool. UK
Trades: 0
nope.

on page stylesheets & inline css works with all email clients I have ever tried, stay with CSS1 styling and it should be fine.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Growing old is mandatory - Growing up is optional
Code Samples | People Counting System | Bits & Bobs
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-21-2008, 08:50 PM Re: Table border only on three sides.
Brian07002's Avatar
Defies a Status

Posts: 1,552
Name: ...
Location: ...
Trades: 0
Quote:
Originally Posted by cruizer View Post
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!
__________________
Sig Less - Have some site you want me to put here? Will put here for a couple of paypal bucks.
Brian07002 is offline
Reply With Quote
View Public Profile
 
Old 11-24-2008, 04:02 AM Re: Table border only on three sides.
Average Talker

Posts: 22
Name: Pieter
Trades: 0
You can use style="border-top: no" but i don't think you can do this without using css..
elcosmo is offline
Reply With Quote
View Public Profile
 
Old 11-24-2008, 05:58 AM Re: Table border only on three sides.
chrishirst's Avatar
Super Moderator

Posts: 21,614
Location: Blackpool. UK
Trades: 0
style="border-top: no" ??

You can't make values up for CSS properties you know.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Growing old is mandatory - Growing up is optional
Code Samples | People Counting System | Bits & Bobs
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-24-2008, 06:34 AM Re: Table border only on three sides.
Skilled Talker

Posts: 88
Trades: 0
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.
__________________
Graham Barnes

Web Design Nottingham
xpguy is offline
Reply With Quote
View Public Profile Visit xpguy's homepage!
 
Old 11-24-2008, 05:13 PM Re: Table border only on three sides.
Experienced Talker

Posts: 38
Name: Brent
Trades: 0
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.
cruizer is offline
Reply With Quote
View Public Profile
 
Old 11-24-2008, 08:21 PM Re: Table border only on three sides.
serandfae's Avatar
WHO'S YO' DADDY?!?

Posts: 7,212
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
AOL, at least for the users I know that have it, uses IE7 within it.

tim
__________________
Springs hop eternal in the hearts of the eccentric....
E-GADS! (Evil Genius' Art and Design Studio) Mwah hah hah haah!!!
serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Reply     « Reply to Table border only on three sides.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 



Page generated in 0.14098 seconds with 13 queries