/    Sign up×
Community /Pin to ProfileBookmark

CSS with scrollbars…

I can HTML up a good website every now and then, but when it comes to CSS, I drop a load in my pants metaphorically speaking. I’ve not taken it upon myself to learn up CSS, so when I need it the most, I run into a problem. All my sites come with CSS in the HTML sheets that is used universally, I stole the original code from a template I used way back when, and just change the colors around. Basically, I want to change the colors of scroll bars, so here is the CSS code originally.

[code=php]<style type=”text/css”>
body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>
[/code]

And here is the scrollbar code I want to put in there somewhere, but I don’t know what to take out, remove, and change around to put it in there. And they don’t work seperately.

[code=php]
<STYLE type=”text/css”>
<!–
BODY {
scrollbar-face-color: 14200A;
scrollbar-highlight-color: 14200A;
scrollbar-3dlight-color: 14200A;
scrollbar-darkshadow-color: 14200A;
scrollbar-shadow-color: 14200A;
scrollbar-arrow-color: CBD2CB;
scrollbar-track-color: 14200A;
}
–>
</STYLE>
[/code]

So, can anyone help me out?

to post a comment
CSS

11 Comments(s)

Copy linkTweet thisAlerts:
@FantatierMar 08.2005 — i would use scrollbar options in CSS because they are IE only,
Copy linkTweet thisAlerts:
@RaheelMar 08.2005 — Go to www.bradsoft.com and download TOP STYLE LITE from there. I am sure it will solve most of your CSS problems. It is a wonderful progam. When using look for Style Inspector (View - Style Inspector) and change it to Internet Explorer 5.5 or above.

I hope it works.
Copy linkTweet thisAlerts:
@FangMar 08.2005 — Just drop it in at the the top of the style sheet
&lt;style type="text/css"&gt;
html, body {
/* scrollbar stuff */
/* ONLY WORKS IN IE */
}
body {
background-color: #314732;
}
/* rest of style sheet */
Copy linkTweet thisAlerts:
@RadiumauthorMar 08.2005 — So before I go off and put this in, is this correct?

[code=php]<style type="text/css">

body {
scrollbar-face-color: 14200A;
scrollbar-highlight-color: 14200A;
scrollbar-3dlight-color: 14200A;
scrollbar-darkshadow-color: 14200A;
scrollbar-shadow-color: 14200A;
scrollbar-arrow-color: CBD2CB;
scrollbar-track-color: 14200A;
}

body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>[/code]
Copy linkTweet thisAlerts:
@FangMar 08.2005 — If you are in strict mode the scrollbar properties only work in the html.

note the addition of the [COLOR=green]#[/COLOR] before the color value
html, body {
scrollbar-face-color:#14200A;
scrollbar-highlight-color: #4200A;
scrollbar-3dlight-color: #4200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
} <br/>
Copy linkTweet thisAlerts:
@RadiumauthorMar 08.2005 — This is exactly what I am putting in there, and it is not working. WTF is going on?

[code=php]<style type="text/css">

html, body {
scrollbar-face-color: #14200A;
scrollbar-highlight-color: #14200A;
scrollbar-3dlight-color: #14200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}

html, body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>[/code]
Copy linkTweet thisAlerts:
@FangMar 08.2005 — It only works in IE5.5 and IE6
Copy linkTweet thisAlerts:
@RadiumauthorMar 08.2005 — Right, that's what I've got, IE 6.0, and Maxthon, but I can run either one. And it doesn't work in either.
Copy linkTweet thisAlerts:
@FangMar 08.2005 — Works perfectly:
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;title&gt;scrollbar-xxxx-color&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
&lt;style type="text/css"&gt;

html, body {
scrollbar-face-color: #14200A;
scrollbar-highlight-color: #14200A;
scrollbar-3dlight-color: #14200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}

html, body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" summary=""&gt;
&lt;tr&gt;&lt;td&gt;xxxx&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;a href="#"&gt;sample text&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@RadiumauthorMar 08.2005 — I will probably never know what you did, but that worked perfectly.
Copy linkTweet thisAlerts:
@FangMar 08.2005 — A simple typo could have been the cause. ?
×

Success!

Help @Radium spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...