Tables in CSS ???

[j4mes_bond25]

I want to have TABLE with different styles in 2 different ".html" pages of my website.

Is it possible to right the code for two different table in one single CSS ???

Right now the table code (for my FORM) is:

Code: Select all

/* ................................... Table ......................................... */

#centerContent table
{
    background-color:black;
    border-spacing:2%;
    margin:3% 3%;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:left;
}

#centerContent tr
{
    border:none;
}

#centerContent th
{
    color:fuchsia;
    font-weight:bold;
}

#centerContent td
{
    font-size:medium;
    color:white;
}

As you can see that there's NO border & text are align left, which is what I needed for laying out my "Contact Us" form.

But I need one more table in different page (service.html), which is also linked with the same CSS file.

How could I make new table layout style in the same stylesheet & recall it in "service.html", since here, I want text align "justify" and HAVING border in the rows ???

[ukgeoff]

In your service.html file give the body tag an id of service then right CSS that is more specific and will therefore take predence over the less specific css.

In sequence, after your #centerContent tr {...

have a #service #centerContent tr {border: 1 solid red;} eg.

Do the same for your table.

[herkalees]

Originally Posted by ukgeoff

In your service.html file give the body tag an id of service then right CSS that is more specific and will therefore take predence over the less specific css.

In sequence, after your #centerContent tr {...

have a #service #centerContent tr {border: 1 solid red;} eg.

Do the same for your table.

Exactly correct. Do this and you'll be minty.