This is very odd...

openmind's picture

He has: 945 posts

Joined: Aug 2001

I'm having a bit of trouble with a css file...

I have a relative link on all my pages in the form:

The css file is:

a { text-decoration: none; }
a:link { color: #3300FF; }
a:visited { color: #3300FF;  }
a:hover { color: #336666; text-decoration: underline;  }
body       { font-family: Tahoma, Verdana, Arial, serif; font-size: 11px; color: Black;
}
td         { font-family: Tahoma, Verdana, Arial, serif; font-size: 11px; color: Black;
}

H1{
font-size:12pt; font-weight: bold;
font-style : italic;
}
FORM { font-family: Tahoma, Verdana, Arial, serif; font-size: 13px; color: Black;
}
INPUT{ font-family: Tahoma, Verdana, Arial, serif; font-size: 13px; color: Black;
}


.nav
a:link { color:#FFFFFF; }
a:visited { color:#03403C; }
a:hover { color:#03403C; text-decoration: underline; }
'

The problem is that NS 4.75 is formatting the text in the included files on the page but when it gets to any text written directly into the body of the document, it chokes and displays it standard times new roman font. In addition the hover attribute and the class attribute don't seem to work.

Any ideas?

openmind's picture

He has: 945 posts

Joined: Aug 2001

I think I've found the problem but not the solution!

When the text is enclosed within the tag thee css file takes over but when it isn't it doesn't!!

HELP!

taff's picture

They have: 956 posts

Joined: Jun 2001

yeah, I've never had much luck with Netscape 4.x, css, and the body tag. Don't know exactly why.

Could you format things differently? Perhaps use p tags, div tags, or such?

Your class is set up wrong I think. I could be wrong but I think it should go..

a.nav:link{}
a.nav:hover{}
etc.

or just .nav:link{} would work?

:hover is not supported in NN4.x

.....

openmind's picture

He has: 945 posts

Joined: Aug 2001

Hmm found out why NS is choking! It doesn't recognise css within the body tag.

Still doesn't explain why the calss attribute has given up though...

Busy's picture

He has: 6,151 posts

Joined: May 2001

your also missing a link section
a:visited { }

a {} is actually the anchor tag for name

and .nav
a:link {}
a:hover {}
..
..
should be done the way Taff mentioned (first way a.nav:active {})

td {} should display all td cells as told to (no class= needed), but if you only want selected td cells, youd need to name them using class names
.tdcontents {}
then in table

NS4 diplays css quite well, but a:hover, very small font sizes, layers, postioning etc are a few things that dont work well if at all

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.