How do I separate cells?

[henthorn]

I have a beginning page for a web site which has a table with cells. At present the cells are in a continuous band across the bottom. I would like to have each cell separate from the others. I would also like to have a background color and a text color for each of the cells. Is this possible? I have tried several methods but just can't seem to make it work.

The page can be viewed at http://donhenthorn.com/listmyhome.html

[ryanbutler]

Sure, ID your table:

<table id="mydatatable">

</table>

In your CSS,


table#mydatatable td{
padding:6px; /*provides spacing between each cell*/
background-color:red;
color:blue;
}

It would help to give your table a width:

table#mydatatable{
width:400px;
}

[henthorn]

Thanks, Ryan, I will try that. BTW I had a typing error in the URL above which has been corrected. I found that when I clicked on the above url I got a "not found on this server" message but when I copied and pasted the same address in my browser I was taken right to the site. Sheeeesh.

[ray326]

The link was still broken (...donhenthorn/com/...) but the *2 page wasn't there. The link now works but may be the wrong page.

Ooo. You've got a broken meta tag and broken table tag in there.