Border colours

Question

I have a table that has one row along the top - but
underneath the banner (the banner isn't included in the table),
with the nav bar in it and one row along the bottom with the
copyright line in it.
Between the two lines there are two columns.
I started off making a table, fixing the borders at 0, but
got spaces between all the cells.
So I then made the whole table one colour and then
individually coloured the other cells the various colours that I
wanted, but that just made the borders/outlines of the cells that
same colour as the main background colour of the table.
I am sure it is something simple, so please help me out
here.

Answer 1

> The 'margin' bit means there are no gaps between the
cells.
That's incorrect. The margin in your rule would refer to the
margin of the
TABLE, not the cells (a cell cannot have a margin). In fact,
CSS has no
analogous style for cellspacing. It does have
"border-spacing" which would
do the same thing sorta, but it's not widely enough supported
(as far as I
know) to be safe as a reliable style.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"bruce_code"
<bwwcodebwwcode@@optusnetoptusnet..comcom..auau> wrote in
message news:[email protected]...
>> I have a table that has one row along the top - but
underneath the banner
>> (the
>> banner isn't included in the table), with the nav
bar in it and one row
>> along
>> the bottom with the copyright line in it.
>> Between the two lines there are two columns.
>>
>> I started off making a table, fixing the borders at
0, but got spaces
>> between
>> all the cells.
>> So I then made the whole table one colour and then
individually coloured
>> the
>> other cells the various colours that I wanted, but
that just made the
>> borders/outlines of the cells that same colour as
the main background
>> colour of
>> the table.
>>
>> I am sure it is something simple, so please help me
out here.
>
> I'll give you three options:
> 1) If you want to do this the most modern and currently
accepted way to do
> it, then you don't use a table at all, but you use
<div>s for your page
> layout. Since I doubt that you want to recreate your
page I'll just leave
> that without explaining more about it.
> 2) If you want to use a table, the next best, modern way
to do it is with
> CSS (Cascading Style Sheets). You'd have something like:
> <style>
> table, tr, td, th, tbody {
> margin: 0;
> padding: 2px;
> border: 0;
> }
> </style>
> This would need to be inserted just before the
</head> closing. The
> 'margin' bit means there are no gaps between the cells.
The 'padding' bit
> (could also be 0 if you want no padding INSIDE each
cell, but that looks
> ugly IMO) adds some space inside each cell so that stuff
doesn't butt
> right up against the adjoining cell. The 'border'
removes any cell and
> table borders.
> 3) Rough and ready basic old version is to do:
> <table cellpadding="0" cellspacing="0" border="0">
>
> It has been ages since I did a new table, so if I have
missed something or
> messed something up will someone else please correct me?
>
> Regards,
>
> Bruce
>
>