View Full Version : Can you please tell me what's wrong with my code?


xignoredx
06-20-2003, 12:22 PM
I've tried to compare it to a similar question posted by someone, but I can't seem to find where it's not working. The crosshair mouse won't work and also the coloured scroll bar won't. My style sheet is below, and if you could tell me where I'm going wrong, that'd be great!! THANKS! =)



<style type="text/css">
<!--
body{
scrollbar-face-color: #0099FF;
scrollbar-highlight-color: #66FFFF;
scrollbar-3dlight-color: #66FFFF;
scrollbar-shadow-color: #0099FF;
scrollbar-darkshadow-color: #0099FF;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
font-family: lucida sans, comic sans ms;
color: #0099FF;
font-size:10pt;
background-attachment: fixed;
cursor:crosshair; }

A:link
{ text-decoration: none; color:#FFFFFF }
A:visited
{ text-decoration: line-through; color:#FFFFFF }
A:active
{ text-decoration: line-through; color:#FFFFFF }
A:hover
{ text-decoration: underline overline; color:#FFFFFF; }

-->
</style>

MaGiCSuN
06-20-2003, 12:41 PM
Works fine for me. Did you put it between the <head> and </head> section on your website?

Love,
mirna

xignoredx
06-20-2003, 12:44 PM
yes, but no. lol

This is the order i have my tags in..

head
title
stylesheet
frames
end head

is that not right??

MaGiCSuN
06-20-2003, 12:46 PM
are you using iframes or normal frames? becuase for your frame page the order should be:

head
title
end head
frames
body
end body

and for the pages that load INSIDE the frames it should be:

head
title
stylesheet
end head
body
content
end body

Love,
Mirna

xignoredx
06-20-2003, 12:49 PM
lol umm.. I really don't know. I'm pretty new to using HTML so I don't know the difference between the two frames... Here's what I have between the <head> section that I have so far, maybe you can tell me where my problem is from it? =)

<head>
<title>_____x ignored x_____</title>

<style type="text/css">
<!--
body{
scrollbar-face-color: #0099FF;
scrollbar-highlight-color: #66FFFF;
scrollbar-3dlight-color: #66FFFF;
scrollbar-shadow-color: #0099FF;
scrollbar-darkshadow-color: #0099FF;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
font-family: lucida sans, comic sans ms;
color: #0099FF;
font-size:10pt;
background-attachment: fixed;
cursor:crosshair; }

A:link
{ text-decoration: none; color:#FFFFFF }
A:visited
{ text-decoration: line-through; color:#FFFFFF }
A:active
{ text-decoration: line-through; color:#FFFFFF }
A:hover
{ text-decoration: underline overline; color:#FFFFFF; }

-->
</style>

<frameset cols=80%,20%>
<frame src="left.html" name="leftside">
<frame src="right.html" name="rightside">
</frameset>
</head>

MaGiCSuN
06-20-2003, 01:17 PM
use this code instead:

<html>
<head>
<title>_____x ignored x_____</title></head>
<frameset cols=80%,20%>
<frame src="left.html" name="leftside">
<frame src="right.html" name="rightside">
</frameset>
<body>
</body>
<noframes>
your browser doesn't support frames
</noframes>
</html>

save this as index.html then make two pages, a right.html and a left.html and for those use this:

<html>
<head>
<title>_____x ignored x_____</title>

<style type="text/css">
<!--
body{
scrollbar-face-color: #0099FF;
scrollbar-highlight-color: #66FFFF;
scrollbar-3dlight-color: #66FFFF;
scrollbar-shadow-color: #0099FF;
scrollbar-darkshadow-color: #0099FF;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
font-family: lucida sans, comic sans ms;
color: #0099FF;
font-size:10pt;
background-attachment: fixed;
cursor:crosshair; }

A:link
{ text-decoration: none; color:#FFFFFF }
A:visited
{ text-decoration: line-through; color:#FFFFFF }
A:active
{ text-decoration: line-through; color:#FFFFFF }
A:hover
{ text-decoration: underline overline; color:#FFFFFF; }

-->
</style></head>

<body>

your text and content in here

</body>
</html>

xignoredx
06-20-2003, 01:19 PM
oh okay! THANKS SOOOO MUCH for all ur help! ur the best! =)

MaGiCSuN
06-20-2003, 01:20 PM
your welcome :)

xignoredx
06-20-2003, 01:27 PM
wow!! thanks so much!! it works now =)

xignoredx
06-20-2003, 01:44 PM
but I have another quick question.

when I make other pages on my site, am I going to have to put the style sheet on every page? Cuz I read somewhere you don't, but I'm a bit confused. Is there something called "targeting" or something like that?

MaGiCSuN
06-20-2003, 05:15 PM
go into notepad, and place your style codes in it like this:

body{
scrollbar-face-color: #0099FF;
scrollbar-highlight-color: #66FFFF;
scrollbar-3dlight-color: #66FFFF;
scrollbar-shadow-color: #0099FF;
scrollbar-darkshadow-color: #0099FF;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
font-family: lucida sans, comic sans ms;
color: #0099FF;
font-size:10pt;
background-attachment: fixed;
cursor:crosshair; }

A:link
{ text-decoration: none; color:#FFFFFF }
A:visited
{ text-decoration: line-through; color:#FFFFFF }
A:active
{ text-decoration: line-through; color:#FFFFFF }
A:hover
{ text-decoration: underline overline; color:#FFFFFF; }


so don't add <style> with it, only the css codes. Then save it as stylsheet.css or anything you like but it must be .css

upload it to your space and link it with this code:

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

place the above code between the <head> and </head> on every page. now what you change in your stylesheet will be changed on EVERY page. So it's kinda replacing the old stylecodes, with the <link> code

Love,
mirna

xignoredx
06-20-2003, 05:35 PM
Thanks Mirna!! =)