HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Table color code that conforms with W3C
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
draitz



Joined: 17 Feb 2008
Posts: 6

PostPosted: Sun Feb 17, 2008 4:07 pm     Table color code that conforms with W3C Reply with quote

I know that tables are getting obsolete, but I have a simple website design and am trying to upgrade all the code to conform with W3C validation. The only error I get is that bordercolor for a table is not an attribute. I learned how to make 4 sided borders conform, but how do you make an entire table border with all the inner lines the same color? I like my top list of names without lines, but the bottom table does not look good without the lines. If I leave off the color, it's just white and blah. This is my code for the whole page. I hope this is how it's supposed to be posted.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head><title>Open Salts-Buy &amp; Sell</title>
<meta name="description" content="Open salts, salt cellars, table salts, dips, collecting, buy, sell">
<meta name="keywords" content="Open Salts, Salt Cellars, Table Salts, Dips, Collecting, Buy, Sell">

</head>

<body bgcolor="#000000" text="#ffffff" link="#ff99ff" vlink="#99ffff" alink="#99ffff">

<br><br>

<center>
<img src="http://members.aol.com/opensaltsinfo/GIFs/colorball.gif" width="14" height="14" alt="color ball">&nbsp;&nbsp;
<font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/opensaltsinfo/chat.html">Open Salt Chat</a>&nbsp;&nbsp;
<img src="http://members.aol.com/opensaltsinfo/GIFs/colorball.gif" width="14" height="14" alt="color ball">&nbsp;&nbsp;
<a href="http://members.aol.com/draitz/wwwopensaltsinfo.html"><img src="http://members.aol.com/opensaltsinfo/GIFs/homelink.gif" border="0"
alt="Homepage Link"></a>&nbsp;&nbsp;
<img src="http://members.aol.com/opensaltsinfo/GIFs/colorball.gif" width="14" height="14" alt="color ball">&nbsp;&nbsp;
<a href="http://members.aol.com/opensaltsinfo/sitemap.html">Site Map</a></font>&nbsp;&nbsp;
<img src="http://members.aol.com/opensaltsinfo/GIFs/colorball.gif" width="14" height="14" alt="color ball">
</center>
<br><br>

<center><img src="http://members.aol.com/opensaltsinfo/GIFs/colorbar.gif" alt="color bar"></center>
<br><br>

<center>
<table width="90%" cellpadding="15" style="border: 3px #0033ff dotted">
<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
Besides online auctions such as eBay and websites like Ruby Lane, here are several other ways that open salt collectors can buy and/or sell open salts
from other collectors, and also some dealers who specialize in open salts.
</font></td>
</tr>
</table>
</center>
<br><br>

<center><img src="http://members.aol.com/opensaltsinfo/GIFs/colorbar.gif" width="600" height="1" alt="colorbar"></center>
<br><br>

<center>
<table width="75%" border="0" cellpadding="15">
<tr>
<td align="center" colspan="5"><img src="http://members.aol.com/opensaltsinfo/GIFs/sellerlists.jpg" width="400" height="60" alt="Seller Lists"></td>
</tr>

<tr>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/barb/barb.html">BARB</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/connie/connie.html">CONNIE</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/craig/craig.html">CRAIG</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/debi/debi.html">DEBI</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/elaine/elaine.html">ELAINE</a></font></td>
</tr>

<tr>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/glen/glen.html">GLEN</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/jane/jane.html">JANE</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/janice/janice.html">JANICE</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/john/john.html">JOHN</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/lesley/lesley.html">LESLEY</a></font></td>
</tr>

<tr>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/lyleann/lyleann.html">LYLEANN</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/mary/mary.html">MARY</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/nancyd/nancyd.html">NANCY D</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/nancyv/nancyv.html">NANCY V</a></font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/nina/nina.html">NINA</a></font></td>
</tr>

<tr>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/sandy/sandy.html">SANDY</a></font></td>
<td align="left">&nbsp;</td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/sari/sari.html">SARI</a></font></td>
<td align="left">&nbsp;</td>
<td align="left"><font face="Arial Rounded MT Bold" size="5"><a href="http://members.aol.com/sraitz/val/val.html">VAL</a></font></td>
</tr>

<tr>
<td align="center" colspan="5"><font face="Arial Rounded MT Bold" size="5">
Please use your own back button to return to this page.<br>
Individual seller pages are not linked to each other.
<br><br>

Want to sell here on a page of your own?<br>
Click <a href="http://members.aol.com/opensaltsinfo/sellinginfo.html">HERE</a> for information and pricing.</font></td>
</tr>
</table>
</center>
<br><br>

<center><img src="http://members.aol.com/opensaltsinfo/GIFs/colorbar.gif" width="600" height="1" alt="color bar"></center>
<br><br>

<center>
<img src="http://members.aol.com/opensaltsinfo/GIFs/dealers.jpg" width="300" height="60" alt="Dealers"></center>
<br><br>

<center>
<table width="80%" cellpadding="15" style="border: 3px #0033ff dotted">
<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
There are some eBay and/or antique dealers who usually<br>
have a good number of open salts for sale,<br>
either because they are or were collectors themselves, or<br>
because they tend to specialize in buying and selling smaller items.<br>
Some people do shows or have a booth at an antique shop.<br>
You can email them for a show schedule or directions.<br>
(Underlined names are direct links to send that person an email,<br>
to their eBay selling lists or shops, or to their website.)</font></td>
</tr>
</table>
</center>
<br><br>

<center>
<table width="95%" border="3" cellpadding="10" bordercolor="#0000ff">

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:johnatatzbach.com?subject=I%20found%20your%20website%20on%20www.opensalts.info">John Atzbach</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
<a href="http://www.atzbach.com/default.htm">John Atzbach Antiques</a><br>
15127 NE 24th ST, #118<br>
Redmond, WA 98052-5547<br>
(425)271-8950<br>
Imperial Russian items including many open salts<br>
Show schedule on website</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:mailto:edbowmanatopensalts.net?subject=I%20found%20your%20website%20on%20www.opensalts.info">Ed Bowman</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
<a href="http://www.opensalts.net/">OpenSalts.net</a><br>
Long list of open salts for sale<br>
as well as loads of collecting information.</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:ElaineatPatternGlass.com?subject=I%20found%20your%20website%20on%20www.opensalts.info">Elaine Henderson</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
<a href="http://www.patternglass.com/WksSalts/Salts.htm">PatternGlass.com</a><br>EAPG and Lacies</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:RMH6028ataol.com?subject=I%20found%20your%20eBay%20ID%20on%20www.opensalts.info">Richard Hunt</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQfrppZ25QQsaetoZQ2d1296000QQsassZcrunjix">crunjix</a><br>Lots of open salts</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:marykernsdatcox.net?subject=I%20found%20your%20eBay%20ID%20on%20www.opensalts.info">Mary Kern</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQsassZkerncat">kerncat</a><br>Monthly show in the San Diego area. Email for dates and
info.</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:intaglioetcatcomcast.net?subject=I%20found%20your%20ad%20on%20www.opensalts.info">Jane Koble</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQsassZintaglioetcQQfrppZ50QQfsopZ1QQfsooZ1QQrdZ0">intaglioetc</a><br>
Entire list of open salts &amp; spoons for sale. $5 for copying and postage.</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:Robatmccullohantiques.com?subject=I%20found%20your%20website%20on%20www.opensalts.info">Rob McCulloh</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
<a href="http://www.mccullohantiques.com/open_salts_mccullohs_antiques_.htm">McCulloh's Antiques</a>
<br>12246 Buchanan Trail West<br>
Mercersburg, PA</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:brendamcleodatverizon.net?subject=I%20found%20your%20eBay%20ID%20on%20www.opensalts.info">Brenda McLeod</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQfgtpZ1QQfrppZ25QQfsooZ1QQfsopZ2QQsassZonesmallblonde">onesmallblond</a><br>
Lots of open salts</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:tom_munroatpascoeandcompany.com?subject=I%20found%20your%20website%20on%20www.opensalts.info">Tom Munro</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
<a href="http://shop.pascoeandcompany.com/index.asp?PageAction=VIEWPROD&amp;ProdID=23056">Pascoe and Company</a><br>
1871 N.W. North River Drive<br>
Miami, FL 33125<br>
1-800-872-0195 x101<br>
Specializing in Doulton Lambeth and Royal Doulton</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:lmarlenenatyahoo.com?subject=I%20found%20your%20eBay%20ID%20on%20www.opensalts.info">Jim &amp; Marlene Nelson</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQsassZopensaltsjimandmarlene">opensaltsjimandmarlene</a><br>
Open salts on eBay</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:s.raisinatsbcglobal.net?subject=I%20found%20your%20eBay%20ID%20on%20www.opensalts.info">Susan Raisin</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQfrppZ25QQsaetoZQ2d1296000QQsassZraiz">raiz</a><br>
Usually has some open salts listed<br>
Email Susan for show schedule</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:sharo2507ataol.com">Sharon Riehl</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
<a href="http://www.townhallantiques.net">Kane's Town Hall Antiques</a><br>
1st Floor, Booth SR07<br>
205 North Main<br>
Romeo, MI 48065<br>
(586)752-5422</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:ctiedemanatpeoplepc.com?subject=I%20found%20your%20eBay%20ID%20on%20www.opensalts.info">Lisa Tiedeman</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
eBay seller ID = <a href="http://search.ebay.com/_W0QQfrppZ25QQsaetoZQ2d1296000QQsassZclskt">clskt</a><br>
Lots of open salts</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:netcollectionsatbellsouth.net?subject=I%20found%20your%20website%20on%20www.opensalts.info">Earlene Tyson</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
Selling the collection of <a href="http://nethobbies.net/">Mary Nell</a>, a long time open salt collector<br>
and antique dealer. Email Earlene to buy or for more information.</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:lyleannwalkeratoptonline.net?subject=I%20found%20your%20eBay%20store%20on%20www.opensalts.info">Lyleann Walker</a><br><br>
We also do shows</font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5">
Antique Emporium<br>Booth #83<br>Bay &amp; Trenton Avenues<br>
Point Pleasant Beach, NJ</font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5">
eBay Store<br>
<a href="http://stores.ebay.com/Saltinanas-Salt-and-China-Treasures">Saltinana's Salt and China Treasures</a></font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">
<a href="mailto:dwolfegreysatcomcast.net">Donna Wolfe</a></font></td>
<td align="left" colspan="2"><font face="Arial Rounded MT Bold" size="5">
Wolfe's Antiques<br><a href="http://www.redlionantiques.com/">Red Lion Antique Center</a><br>
59 S. Main Street<br>
Red Lion, PA 17356</font></td>
</tr>

<tr>
<td align="center"><font face="Arial Rounded MT Bold" size="5">The Wooden Duck</font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5">132 Bodega Lane<br>
Bodega,CA 94922<br>
707-876-3176</font></td>
<td align="left"><font face="Arial Rounded MT Bold" size="5">
Select 18th &amp; 19th century antiques<br>
Salts include lacies, flint glass and pressed glass</font></td>
</tr>

</table>
</center>
<br><br>

<center><img src="http://members.aol.com/opensaltsinfo/GIFs/colorbar.gif" width="600" height="1" alt="color bar"></center>
<br><br>

<center><img src="http://members.aol.com/opensaltsinfo/GIFs/backto-sm.jpg" width="175" height="30" alt="Back to">&nbsp;&nbsp;
<a href="http://members.aol.com/draitz/wwwopensaltsinfo.html">
<img src="http://members.aol.com/opensaltsinfo/GIFs/homepage.jpg" width="400" height="60" alt="Homepage link" border="0"></a>
</center>

<br><br>

</body>
</html>
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8314
Location: Castle Pines North, CO USA

PostPosted: Mon Feb 18, 2008 7:58 am     Reply with quote



You might consider using styles in you cells as well:
Code:
<table style="border: 1px solid #0000FF; width: 100%;">
   <tr>
      <td style="border: 1px solid #0000FF">&nbsp;</td>
   </tr>
</table>
And this should provide the same effect.

_________________
Corey
Toll Free Solutions | Mile High Merchant Accounts | Expression Web Blog
draitz



Joined: 17 Feb 2008
Posts: 6

PostPosted: Mon Feb 18, 2008 5:06 pm     Reply with quote

Thank you very much! Does that have to be stated in every <td> or once at the beginning somehow? I am very good at copying code and inserting my own info, but not so good at experimenting on my own.

Debi
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8314
Location: Castle Pines North, CO USA

PostPosted: Tue Feb 19, 2008 7:40 am     Reply with quote

You can create a <table> and <td> class in your styles
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
td.cellborder
{
   border: 1px solid #0000FF;
}
table.borderone
{
   border: 1px solid #0000FF;
}
</style>

</head>

<body>

<table style="width: 100%" class="borderone">
   <tr>
      <td class="cellborder">&nbsp;</td>
      <td class="cellborder">&nbsp;</td>
   </tr>
</table>

</body>

</html>

_________________
Corey
Toll Free Solutions | Mile High Merchant Accounts | Expression Web Blog
draitz



Joined: 17 Feb 2008
Posts: 6

PostPosted: Tue Feb 19, 2008 12:25 pm     Reply with quote

Not sure why my replies are not posting but I'll try it again. I am logged in...

Thanks again very much. It seems either way that something needs to be put inside each <td>. Why they don't just recognize "bordercolor" as a table attribute is beyond me. It's so much simpler and it does already work so it seems pretty silly. But at least now I am conforming to W3C validation and will continue to update my years old website. Never had any DOC TYPE or charset before, or any alt= with images let alone width and height, but it always works with IE.

Debi
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8314
Location: Castle Pines North, CO USA

PostPosted: Fri Feb 22, 2008 10:17 am     Reply with quote

Not using a DOCTYPE will throw IE into quirks mode. The alt attribute is required for accessibility and should be used.

However, the code I provided above I uploaded to this page and I saw two different borders. Did you not want double borders?

_________________
Corey
Residential Office Solutions | Mile High Merchant Accounts | Expression Web Blog
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial