CSS Class changes in tables

Question

I am using a template for the main pages and the main
editable region is within a single cell of a table. Just before the
start of the editable region, I use this to set the text style:
<div class="cntntColumnText">
That works fine unless I need to use another table to display
data. Then the text format in the table reverts to default and I
have to manually apply the cntntColumnText style. All of the text
outside of the editable region is formatted differently than the
text in the editable region, including the text in tables.
What do I need to set up in the CSS file so that all the
tables inside of the <div class="cntntColumnText"> inherit
the formatting set up in cntntColumnText?
Thanks for any suggestions and help.
Kenny

Answer 1

On Wed, 13 Feb 2008 22:40:15 +0000 (UTC), "Kenny Loomie"
<[email protected]> wrote:
>On a different forum, it was suggested that I use this in
the CSS file:
I don't have time now to go through it all in detail - but a
few
suggestions
1.
<td class="nav2"><a class="secondaryNavOn"
simplify the code so you can see what's going on like this
<td><a ...
and apply a style to the table
.leftnavtable td { ..}
.leftnavtable td a {..}
etc
<td><div align="center"><strong>Type,
Apply CSS,
Center</strong></div></td>
to
<th>Type, Apply CSS, Center</th>
<td> 's by default are centred and bold text
explore the use of <thead> and <tfoot> and
<tbody>
then you can control those parts of the table with
.leftnavtable thead { .. }
.leftnavtable tfoot { .. }
.leftnavtable tbody { ..}
that will clear the code soup..... and make the site
maintenance ,
changes etc much much easier as you develop it. and the pages
will
quicker
then validate your page with
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftiolios.com%2Fgfisd_css%2Fcss_tes t_page.html
~Malcolm N....
~