PDA

View Full Version : Colored Scroll Bar, Won't work!



DJ=Ice
25-10-2005, 06:16 PM
Hi, I have colored scroll bars on my site, well the code for them. This is my code:



<STYLE>
<!--
body {
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #0000FF;
SCROLLBAR-FACE-COLOR: #0000FF;
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF;
SCROLLBAR-SHADOW-COLOR: #0000FF;
SCROLLBAR-3DLIGHT-COLOR: #0000FF;
SCROLLBAR-TRACK-COLOR: #0000FF;
SCROLLBAR-DARKSHADOW-COLOR: #0000FF;
}
-->
</STYLE>


And this is the page it's on. I'm testing it on this page, once it works I'll put it on all of them:
http://www.habbocentre.co.uk/Radio Shows.htm

Please Help!!!!:s

Also, I've even tried copying the whole source code from another site, and not edited it at all, and that doesn't work!

Thanks

splintercell!
25-10-2005, 06:50 PM
They dont work in firefox..

DJ=Ice
25-10-2005, 06:55 PM
I'm not trying to use them in firefox. Please Help, I don't know what to do. As long as they work in internet explorer I'm not bothered.

Dan Williamson
25-10-2005, 07:16 PM
I don't know if this matters but you have it the wrong way round on some of them try this code:



{
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
}

DJ=Ice
25-10-2005, 07:22 PM
nope, that doesn't work either...I don't understand. Why does it have to be me....:( lol.

nets
25-10-2005, 07:45 PM
This should work, I'm not 100% sure though so check it.

<STYLE>
<!--
html, body {
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #0000FF;
SCROLLBAR-FACE-COLOR: #0000FF;
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF;
SCROLLBAR-SHADOW-COLOR: #0000FF;
SCROLLBAR-3DLIGHT-COLOR: #0000FF;
SCROLLBAR-TRACK-COLOR: #0000FF;
SCROLLBAR-DARKSHADOW-COLOR: #0000FF;
}
-->
</STYLE>

nelly
25-10-2005, 07:51 PM
i dno if its rite color but




<head>
<style type="text/css"><!--
body {scrollbar-3dlight-color:lightsalmon;
scrollbar-arrow-color:darksalmon;
scrollbar-track-color:lightsalmon;
scrollbar-darkshadow-color:darksalmon;
scrollbar-face-color:lightsalmon;
scrollbar-highlight-color:darksalmon;
scrollbar-shadow-color:darksalmon}
--></style>
</head>

DJ=Ice
25-10-2005, 07:51 PM
lol, yes, I've tryed puttin them all together, and ma friend suggested having them all seperate.

Dan Williamson
25-10-2005, 07:55 PM
Just merely glancing at the <Head> section just try this all it is, is removing the other style tags.




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Radio Shows</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE>
<!--
body {
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #0000FF;
SCROLLBAR-FACE-COLOR: #0000FF;
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF;
SCROLLBAR-SHADOW-COLOR: #0000FF;
SCROLLBAR-3DLIGHT-COLOR: #0000FF;
SCROLLBAR-TRACK-COLOR: #0000FF;
SCROLLBAR-DARKSHADOW-COLOR: #0000FF;
}
-->


body,td,th {
font-family: Verdana;
font-size: 9px;
color: #0000FF;
}
body {
background-color: #FFE7AD;
}
.style1 {font-size: 14px}
.style2 {font-size: 14}
.style3 {font-size: 10px}
</STYLE>
</head>

DJ=Ice
25-10-2005, 07:55 PM
Its because you have the HTML 4.01 Transitional doctype. I'm not sure though.

Erm, whats that and what do I change it to?

DJ=Ice
25-10-2005, 07:57 PM
I've done it!!! Woo HOO, I just deleted:
(I'll put it in quote)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

nets
25-10-2005, 08:00 PM
No, I've edited my post with a better way for you to solve your problem.

Replace your scroll bar CSS with


<STYLE>
<!--
html, body {
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #0000FF;
SCROLLBAR-FACE-COLOR: #0000FF;
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF;
SCROLLBAR-SHADOW-COLOR: #0000FF;
SCROLLBAR-3DLIGHT-COLOR: #0000FF;
SCROLLBAR-TRACK-COLOR: #0000FF;
SCROLLBAR-DARKSHADOW-COLOR: #0000FF;
}
-->
</STYLE>

And leave the doctype in!

DJ=Ice
25-10-2005, 08:19 PM
What difference will it make if it don't have Doc type thingymajig

nets
25-10-2005, 08:35 PM
Your supposed to have a doctype I think :p

Want to hide these adverts? Register an account for free!