css to set text in a table

[jkh1978]

how would i define the text color in the css if my page is like this...

<div = "menu">
<table>
<tr>
<td bgcolor = "#880000">
<p>This is the text I want blue</p>
</td>
</tr>
</table>
</div>

[Mark T.]

I would do it like this:

p     {color: #0000FF;}

Or, if you want to assign a special class to the <p> inside the table cell, you should use:

p.blue     {color: #0000FF;}

And you should call on this class like:

<div = "menu"> 
<table> 
<tr> 
<td bgcolor = "#880000"> 
<p class=blue>This is the text I want blue</p> 
</td> 
</tr> 
</table> 
</div>

The code I posted does belong in an external stylesheet. Give me a buzz if you don't know how that works.

[cyberprince]

If you're really targetting just that table i think marks suggestion of assigning a class would work best.

[jkh1978]

What does the <div> do? I thought that that gave me a label to the section. I need to show that this <p> in the table is different that the <p> for the rest of the document.

The class would work, but I thought that I could take advantage of the div=menu.

[Mark T.]

I never use the <div> tag, when I am building a site. The class will distinguish the <p class=blue> from all the other <p>-tags you use in the document. This allows you to do what you wanted to accomplish.

The best option you have in my opinion, is to use a stylesheet. This is also quite useful when your site is content-heavy, or starting to become like that. This allows you to implement a simple change, for example the font used, on all pages.

[isotope235]

If you are only going to be using the menu <div> once on the page, you can also utilize id for the menu vs class for each individual <p> tag.

To identify an id in your stylesheet:

#menu {some css attributes for your div}

Then you could specify attributes for all <p> tags within the id:

#menu p
 {
 color:#0000ff;
 }

This will assign the color:#0000ff; to every <p> tag within the <div id="menu"> & save you having to assign class="foo" to every <p> tag.

HTH

[duckie]

You could do:

div.menu p {
color : #0000FF;
}

<edit>
Looks like isotope235 beat me to it.
</edit>

[jkh1978]

Thats what I thought... but it wasnt working. It was taking the <p> characteristics from when I just definied p

Thanks for your help... I will post my specific code later.