Complete Web site

TMPadmin

Golden Member
Jul 23, 2001
1,886
0
0
I would like to be able to change the look of my web site with one file or switch. I know CSS can change my font but can I change such things as table cell background colors?

Thanks for any help!
TMP
 

edmicman

Golden Member
May 30, 2001
1,682
0
0
I believe CSS can and will do that as well. Do a search on google for something like "css html tables" or something along those lines...
 

Modeps

Lifer
Oct 24, 2000
17,254
44
91
No problem, you just have to either put the following in the head of your pages, or attach a css file to all your pages. the color attribute will change the text color for you. You can apply a style to either the entire table, rows or cells (shown below). if you want to change something else, check out www.w3schools.org
 

TMPadmin

Golden Member
Jul 23, 2001
1,886
0
0
Hmm? But what if I only want specific cells of a table colored?

Tried this
<style>
TABLE {
color: ffffff;
}

TR {
color: ffffff;
}

TD {
color: ff66ff;
}
</style>

<STYLE TYPE="text/css">

A:link { color: #336666; text-decoration: none; }

but nothing changed? Can I have two styles in one .css?

Edit: Looking at that site now. I can see I'll be doing a bit of reading. Thanks! :)
 

trek

Senior member
Dec 13, 2000
982
0
71
Originally posted by: TMPadmin
Hmm? But what if I only want specific cells of a table colored?

Tried this
<style>
TABLE {
color: ffffff;
}

TR {
color: ffffff;
}

TD {
color: ff66ff;
}
</style>

<STYLE TYPE="text/css">

A:link { color: #336666; text-decoration: none; }

but nothing changed? Can I have two styles in one .css?

Edit: Looking at that site now. I can see I'll be doing a bit of reading. Thanks! :)

if you want to do specific cells you need to give them a class or id. If you want a bunch of cells to be the same, but different from the rest of the table, give them a class. <td class="diffCell"></td> or give the whole row the class <tr class="diffCell"><td></td></tr> then in the css file add
.diffCell{
color: ff0000;
}
use id's if you only need to change 1 cell. <td id="cellWithID"></td> then in the css file add
#cellWithID{
color: 0000ff;
}

edit: you can put everything in one .css