PDA

View Full Version : Coloured Scroll Bar

Jenny_Jonesy
05-01-2005, 02:21 PM
I don't know whether I'm posting this in the right section, but when I try and change the colour of my scroll bar it won't. Here is the codes for my website:

<html>
<head>

<title>Your #1 website for James Bourne New Band</title>

background-image: url(yourimage.gif);
<TITLE>First Ever James Bourne New Band Website</TITLE>
<META NAME="description" CONTENT="This is the first ever Fansite for James Bournes's New Band, that he made after splitting from Busted.">
<META NAME="keywords" CONTENT="James Bourne New Band after Busted McFly Pop Punk Rock Charlie Matt Willis Fightstar">
<META NAME="author" CONTENT="Jennifer (Jonesy)">
</head>

<body>
<title>James Bourne's New Band</title>
<style type="text/css">

scrollbar-face-color : #AA3EE0;
scrollbar-highlight-color : #78BED3;
scrollbar-3dlight-color : #C800EB;
scrollbar-shadow-color : #999AD3;
scrollbar-darkshadow-color : #5D5CDC;
scrollbar-track-color : #6BB6EB;
scrollbar-arrow-color : #2A8ED5;

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 120px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 200px;
margin-right: 240px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}



A:link {text-decoration: none; color:#AF7681;}
A:visited {text-decoration: none; color:#1B83EB;}
A:hover {text-decoration: none; color:#A357CC;}
</style>


<body>
<div id="header">
<img style="position:absolute; top:0px; left:0px; width:975px;
height:120px" src="http://i2.photobucket.com/albums/y26/JennyJonesy/header2.jpg">
</div>


<div id="left">
<P><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=4><STRONG>Content<BR></STRONG></FONT><FONTFACE="TAHOMA, size="1"
sans-serif? Helvetica, Arial,><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT><A
href="http://uk.geocities.com/undesided_idiot/second.html"
target=inlineframe><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>Main</FONT></A><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The
Band<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gallery<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT><A
href="http://uk.geocities.com/undesided_idiot/media.html"
target=inlineframe><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>Media</FONT></A><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp;&nbsp;
Fun<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT><A
href="http://uk.geocities.com/undesided_idiot/fans.html"
target=inlineframe><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>Fans</FONT></A><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></FONT><A
href="http://uk.geocities.com/undesided_idiot/sitenav.html"
target=inlineframe><FONT face="Tahoma, Arial, Helvetica, sans-serif"
size=1>Site/WWW</FONT></A><FONT
face="Tahoma, Arial, Helvetica, sans-serif"><FONT size=1> </FONT></FONT></P>
<P><IMG alt=Counter src="http://visit.geocities.com/counter.gif"></P>
</div>


<div id="center"> <IFRAME name="inlineframe" src="http://uk.geocities.com/undesided_idiot/second.html" width=520 height=1000 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME></div>

<div id="right">

</div>

</body>
</html>
Jenny_Jonesy
05-01-2005, 02:44 PM
*Problem Is Solved*
Monkey Bizzle
05-01-2005, 09:16 PM
The <style> stuff goes inside the <head> section. I know you said that you solved your problem, but your code is not right and it will cause problems with other stuff down the line probably.