On 20 Jan 2004 06:18:15 -0800, Ryan <ni****@aol.com> wrote:
Sorry typo....
>> Is there any way to have two style sheets applied to my web page
>> without using frames? ex. having them apply to individual cells
>> within a table?
Thanks a lot
Ok.
If you want to have a region of your page have totally different styling
from another, use ids or classes.
Example. I have a content area and a navigation list. I want the nav list
to stand out, so different colors, different font, everything. In my HTML
I could add <div id="nav"> and </div> around my navigation stuff and style
it like:
#nav {
color: olive;
background-color: yellow;
font-family: 'Broken Hand', Shaky, cursive;
}
and there you go.
If you are doing a table (and I hope your table is really a tabular table)
you could assign an id to a single <td> but here I'd use a class, so you
can repeat the style in other cells.
<table>
<tr><th></th><th>John</th><th>Mary</th><th>Joan</th><tr>
<tr><th>Gender</th><td class="male">Male</td><td
class="female">Female</td><td class="female">Female</td></tr>
<tr><th>Age</th><td>42</td><td>24</td><td>86</td></tr>
</table>
and the style might be
..male {
color: blue;
}
..female {
color: #f7b;
}
Here, I could have styled the <th> elements separately from the <td>
elements too.
I hope that answers your question.