PDA

View Full Version : connecting stylesheet (using netscape)

mhere
08-17-2002, 01:34 PM
I have never worked with netscape before..
How to connect an external stylesheet with the page...
this doesnt work, in netscape:
<head>
<link href="style.css" rel=stylesheet>
</head>

thanx
mouse
08-17-2002, 01:42 PM
<link a href="stylesheet.css" rel="stylesheet" type="text/css">

that works on my pages.
Nightfire
08-17-2002, 02:15 PM
Originally posted by mouse
<link a href="stylesheet.css" rel="stylesheet" type="text/css">

that works on my pages.

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

:p Did it like a link
mhere
08-17-2002, 02:36 PM
i found that it is connected...
but why that only some attributes are working e.g text-decoration, background stc while many others are not..
mouse
08-17-2002, 02:48 PM
Originally posted by mhere
i found that it is connected...
but why that only some attributes are working e.g text-decoration, background stc while many others are not.. Paste in your script, otherwise it's hard to tell.
mhere
08-18-2002, 02:05 PM
Originally posted by mouse
Paste in your script, otherwise it's hard to tell.

the complete site is at www.cecos.com/clc (skip the first intro page).
I have used iframes in it.
I found that NS4.x doesnt support iframes at all!! (i will make another layout for it, later), while NS6 supports it.
please compare the site with IE and NS6, as the site works fine with IE.
there are a couple of problems with NS6..
firstly, this stylesheet, and secondly, my HVMenu is not at its position..

kindly advise..
thanx.
redhead
08-18-2002, 02:58 PM
Originally posted by mhere
I found that NS4.x doesnt support iframes at all!!

ah ha... i think that the ilayer is ns4's version of the iframe...

<iframe src="page.html"> <!-- for ie -->
<ilayer src="page.html"> <!-- for ns -->
Get with the times... your browser doesnt support iframe or ilayer!
</ilayer>
</iframe>

:cool:
mouse
08-18-2002, 02:59 PM
Your stylesheets is wrong, you don't need to use quotes when specifying values in css and you only need the semi colon to seperate attributes rather than after every one. Here's how I think your css file should look:

.heading{
margin-bottom:50px;
color:#999999;
font-family:Trebuchet MS,Times New Roman;
font-size:18pt;
text-align:right;
font-weight:bold;
cursor:default;
text-decoration:underline
}
.heading2{
font-size:10pt;
font-family:Gill Sans MT,Arial;
color:black;
text-align:left;
font-weight:bold;
cursor:default
}
.heading3{
font-size:10pt;
font-family:Gill Sans MT,Arial;color:white;
text-align:center;
font-weight:bold;
cursor:default
}
.body{
font-size:10pt;
font-family:Gill Sans MT,Arial;
color:#000;
text-align:justify;
background-attachment:fixed;
background-repeat:no-repeat;
cursor:default;
scrollbar-face-color:#D2D2D2;
scrollbar-shadow-color:black;
scrollbar-highlight-color:#D2D2D2;
scrollbar-3dlight-color:#D2D2D2;
scrollbar-darkshadow-color:#000;
scrollbar-track-color:#636b7b;
scrollbar-arrow-color:#636b7b
}
A{
text-decoration:none;
color:black;
font-weight:bold
}
A:hover{
text-decoration:underline;
color:white;
background-color:#636b7b
}


I switched (210,210,210) to its hex code of D2D2D2.
boxer_1
08-18-2002, 04:42 PM
Originally posted by mouse
Your stylesheets is wrong, you fon't need to use quotes when specifying values in css and you only need the semi colon to seperate attributes rather than after every one. Here's how I think your css file should look:

.heading{
margin-bottom:50;
color:"#999999;
.....

Omit the one quote that slipped by here:

.heading{
margin-bottom:50;
color:"#999999;

:thumbsup:
mhere
08-19-2002, 03:06 AM
thanx to all for helping... now it works well!:thumbsup:
oh, except my a:hover pseudo class which has no effect (in NN6),, is this due to any compatibility prob?

anyway, can u help me in my second prob? the MENU.
in nn6, it is appearing in my iframe instead of the mainpage..

and what is this <ilayer> as I have no idea abt it..
is this same in behaviour and properties as iframe??
mouse
08-19-2002, 03:25 AM
I've slightly edited that in the past minute or so btw.

It should comply with CSS2 standards, the hover pseudo class is not valid in CSS1 so it won't work in earlier browsers, nor will the scroller colours and any custom cursor.

A method I saw that dealt with the iframe problem was long and complex, it used javascript to spoof an iframe, fancy trying that? no, me neither.

Your menu is absolutely positioned right? you'll have to edit whatever file that specifies its position.
mhere
08-19-2002, 04:25 AM
Originally posted by mouse
It should comply with CSS2 standards, the hover pseudo class is not valid in CSS1 so it won't work in earlier browsers, nor will the scroller colours and any custom cursor.
the hover class is even not working with Netscape 6 , which, i think, is not an earlier browser.
about scrollers, i believe they wont work with anyone except IE5.5+.

Your menu is absolutely positioned right? you'll have to edit whatever file that specifies its position.
i know i can change its position,,
in which browser you checked the menu??
as i tested on NN 6.0, it was not really showing the menu correctly (unlike IE).
The menu is supposed to appear quite above the iframe (as in IE) but in nn6.0 it is found in the (middle of) iframe, i.e it is adjusting itself within the iframe for the specified margin!