Topic: netscape CSS woes (Page 1 of 1)

Hello everyone! Hope all are well!!

Here's my problem...it seems simple, so I hope someone can help me out.

I'm using an imported and a linked style sheet on a page.

The text on the page has to be "aqua"

Works well in IE, but the text is black in NN 4.7

the sheets are in the right order, and everything else seems fine.

Here's the way it's written on the page::

-----------------------------------------------------
<LINK REL="stylesheet"TYPE="text/css"HREF="link_style3_aspr.txt">
<STYLE TYPE="text/css">
@import url ("import_style3_aspr.txt");
</STYLE>
-----------------------------------------------------

here's the NN sheet that doesn't work:

-----------------------------------------------------

BODY {background:#ffffff;text-color:aqua;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;margin-height:0;margin-width:0;font-family:verdana,helvetica,"sans serif";font-style:normal;font-variant:small-caps;font-weight:bold;font-size:12px;word-spacing:0.05em;letter-spacing:0.10em;text-align:justify;}
P {color:aqua;font-size:14px;font-weight:normal;}
B {color:gold;font-weight:normal;font-style:normal;}
B.2 {color:#003366;font-weight:light;font-style:normal;font-size:10px;}
a:link {color:yellow;font-weight:normal;text-decoration:none;}
a:hover {color: aqua;font-weight:normal;text-decoration:none;}
a:visited {color:yellow;font-weight:normal;text-decoration:none;}
pre {color:#ccccff;text-align:center;font-size:xx-small;}
TD.2{text-align:justify;color:aqua;}
------------------------------------------------------------------------------

here's the page in case you're wondering (I know it's hideous--that's what they wanted and they are the boss!)
http://www.barrierbeaches.com/aspr_index1.html

Please help!

@import url ("import_style3_aspr.txt"); <- i've never seen sopmething like that.

but in your first line, try using some spaces like:
<LINK REL="stylesheet" TYPE="text/css" HREF="link_style3_aspr.txt">

dont know if this will work.

Grumble is right, but I see you are not using that on the page above, so there is another reason.

I suspect it is because you specified color: aqua; for BODY and P but not for TABLE, TD, TR, where your text resides.
Normally it should be inherited from BODY, but there is not such thing in NN4.
Getting CSS to work in NN4 can be a futile experience.

sasha &raquo;

<!-- @import url('blah.css') -->

doesn't work in Netscape 4, but

<link rel="stylesheet" . . . . >

does.

That's almost a plus, because you can use @import to bring in your full-scale bells-and-whistles style sheet, for browsers that can support it, and use <link rel="stylesheet"> to bring in a stripped-down NN4-palatable stylesheet for the diehard Netscapists. I learned the technique from the WaSP; A List Apart also has a lot of CSS articles in its archive. Well worth a look-around. ALA and its linked allies (glish.com, etc.) taught me every advanced CSS trick I know; Mulder's Stylesheet Tutorial at Webmonkey taught me the basics.

That's why I'm using 2 style sheets. One for NN and one for IE.

Cascading rules will allow for NN to use the first style sheet while it ignores the second. IE will use both and due to rules, will end up using the second sheet.

There's no reason for the page to look different in NN and IE. I'm doing something wrong.

Use

color:aqua;

rather than

text-color:aqua;

I don't think the latter even exists. (May be wrong about that)

[edit: by the way, this should have been posted in the XML-...-CSS-... forum, for future reference.

[This message has been edited by Slime (edited 01-20-2002).]

The code that you gave us in your first post is different then the code in the page you are talking about!?

I suggest validator. It'll be your friend, trust me.

sasha &raquo;

(If any of the moderators want to move this....ok by me.)

Code in first post is different than what's on page now as I have been changing it around to try to make it work.

color:aqua

didn't work, so I tried text-color:aqua


didn't work either.

Suffice it to say, what's on the page now doesn't work, and what's posted in the first post doesn't work either.

come on, I know Pugzly, Mr. Max, and a whole slew of others here could find the problem in 30 seconds!

heddaLettis: A couple of thoughts (I'll investigate them in more depth tomorrow). As NS is pretty buggy when it comes to stylesheets:

1. Try using the HTML code for aqua: #00ffff;

2. Check to see if NS4.x even allows this style - the only way to really guarantee that things like text and link colours is to hrad code it into the BODY tag.

Emps


With patience and saliva the ant swallows the elephant - Colombian proverb

I went ahead and put the HTML in the code instead of the stylesheet on this one---it works now.