sophieeloise
04-18-2004, 01:42 PM
Im Sophie, owner of the website Scrumptious. The site is made in i-frames, and I have a different css code for my menu, content and right hand links frame. I recently edited the menu css code, because I wanted to take the underline off of the links, and as a consequence, my code has some kind of error in it, which I cannot seem to correct. I have a coloured scrollbar, which no longer works, a background colour which just comes out as white, and the underline links are still there. Can anyone help? My css code is http://www.angelfire.com/blog/sophie/menu.css and the page the css code is linked to, is http://www.freewebs.com/sophieeloise/menu.html.
this...
A:link {decoration-none; color:orange;}
A:visited {decoration-none; color:#FF8080;}
A:active {decoration-none; color:orange;}
A:hover{decoration-none; color:#FF8080;
... needs to be changed to ...
A:link {text-decoration:none; color:orange;}
A:visited {text-decoration:none; color:#FF8080;}
A:active {text-decoration:none; color:orange;}
A:hover{text-decoration:none; color:#FF8080;
kittycat
04-18-2004, 03:32 PM
The main thing is you have HTML tags in your CSS code, which shouldn't be in there.
Try this for your CSS code:
A:link {text-decoration:none; color:orange;}
A:visited {text-decoration:none; color:FF8080;}
A:active {text-decoration:none; color:orange;}
A:hover{text-decoration:none; color:#FF8080;}
BODY {
scrollbar-face-color: #FFFFCO;
scrollbar-highlight-color: #FFFFCO;
scrollbar-3dlight-color: #FFFFCO;
scrollbar-darkshadow-color: #FFFFCO;
scrollbar-shadow-color: #FFFFCO;
scrollbar-arrow-color: #FF8080;
scrollbar-track-color: #FFFFCO;
background-color: #FFFFCO; }
td,p,body{color:orange; font:8pt Tahoma; font-weight:light}
sophieeloise
04-19-2004, 06:29 PM
OK, thanks very much...it seems to have sorted the problem regarding the underlined links and the font, etc.
However, the background colour is still showing as white, and the scrollbar colours are comming out grey instead of yellow! any other ideas?
Rosey
04-19-2004, 07:01 PM
You haven't put anywhere anything that has to do with the background color.
In your body tag in your css add
background-color: #hexcode;
In your actual html page, you have no <body> tag.
It should look like this:
<html>
<head>
<link rel=stylesheet type="text/css" href="http://www.angelfire.com/blog/sophie/menu.css">
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
</head>
<body>
links here
</body>
</html>