css in Netscape 4.7

setting the font, color etc.. in a table

[Cosmin]

I have a hard time to set up the sitestyle.css for Netscape so the writing within tables that's not a link to keep it's properties (color, font etc) In Explorer looks ok (In Netscape it's black because I think it takes the properties of the background)

<Ooops!>

For the right tables (newsleter and Bookmark) I have:

TABLE.menuright
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #aaafb9;
text-decoration: none;
}

In Netscape the writing appears black

Could anybody please tell me how to go around this so the css is compatible with Netscape 4.7 and higher?

[edited by: Nick_W at 3:54 pm (utc) on Oct. 26, 2003]
[edit reason] No personal ruls please / thanks! [/edit]

[Nick_W]

Hi, Welcoem to the CSS Forum and WebmasterWorld! [webmasterworld.com]

Does NN pick up the font size and other rules?

Nick

[Cosmin]

I have a hard time to set up the sitestyle.css for Netscape so the writing within tables that's not a link to keep it's properties (color, font etc) In Explorer looks ok (In Netscape it's black because I think it takes the properties of the background)

In the css I have:

TABLE.menuright
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #aaafb9;
text-decoration: none;
}

In Netscape the writing appears black

Could anybody please tell me how to go around this so the css is compatible with Netscape 4.7 and higher?

[Cosmin]

No, it doesn't.

[Edouard_H]

Possibly an inheritance issue - try assigning the class to the table cells rather than the table. I'm not sure offhand about NN4.x, but classes assigned to tables do not get inherited by the cells in IE 5.0.

[Nick_W]

Right, how are you calling the css? In an external sheet? - If so, how exactly..

<added>Edouard_H may be on the right track though...

Nick

[Cosmin]

In the page header I have:

<link href="sitestyle.css" rel="stylesheet" type="text/css">

I also assigned the same style class to the cell (as the table) with no result.

[Edouard_H]

Try getting rid of of the "TABLE" in TABLE.menuright so it's just .menuright, then assign the class to the table cell...

[Nick_W]

Damn! - Of course! ;)

Yep, that'll do it...

Nick

[Cosmin]

I did it, I did it, I did it. (or better you did it...)

Thanks a milion!

[Edouard_H]

YOU did it - by coming to the right place! Welcome; not a day goes by that I don't learn something here.

[Cosmin]

Thanks Eduard,

I see you are quite familiar with css so I will ask you another thing (or two) regarding the css style:

The form fields get much wider in Netscape causing my layout to "brake". Do you have any tricks on how a form field can be "width controlled" in Netscape through a css style? (in both Netscape 4,7 & 6)

Also in Netscape 4.7 the properties of the forms (color, border) are ignored.

Is there any way around this?

[Edouard_H]

Heh, heh - there are many more knowledgable folks here, but I think can help you with the form field width. Set the field size inline so it looks acceptable in Netscape 4, then assign a width with css. So that in your style sheet you have:

.example {width: 200px;}

and for your form element:

<input type="text" class="example" name="name" size="10">

NN4.x will not recognize the css width. Beyond that, frankly, for sites that need to support that browser the key word is "support". I don't try to do too much cosmetically with forms - just try to keep them from forcing horizontal scroll. It doesn't handle much in the way of styling forms.