HTML Authoring question: Scroll bar width

Posted by: tfabris

HTML Authoring question: Scroll bar width - 28/02/2002 16:14

Does anyone have any example HTML code that changes the width of the scroll bar to the right of the frame? I've seen sites change the width and the color of the scroll bar. How is it done?
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 28/02/2002 16:28

it's with css..
<HTML>
<HEAD><title>Hello</title></head>
<style type="text/css">
<!--
body { BACKGROUND-POSITION: left top; scrollbar-3dlight-color:#FFEEDD; scrollbar-arrow-color:#990000; scrollbar-base-color:#007C7A; scrollbar-darkshadow-color:#FF9966; scrollbar-face-color:#FFCC99; scrollbar-highlight-color:#FFEEDD; scrollbar-shadow-color:#FF9966 }
-->
</style>
<body>
Hello World
</body>
</html>
enjoy
Posted by: tfabris

Re: HTML Authoring question: Scroll bar width - 28/02/2002 16:40

Cool. That's how to do colors. Works great, thanks.

Now what about WIDTH which was my original question? What's the tag for width? I tried "scrollbar-width" in there and it didn't seem to do anything.
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:00

oh yeah...sorry...
but actually..I've never seen the width changed...
do you have an example site?
Posted by: tfabris

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:03

Unfortunately, I do not have an example site ready to point to. I know I've seen small scrollbars, though.
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:04

hmmm...I'll have to do some looking for an example of that and rip up their site code to get it...that's how I learned about 80% of the web stuff I know...
Posted by: loren

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:07

You SURE? I've never seen scrollbar width changed and i'm fairly sure it's not possible. Here's MS's list of CSS attributes, and i don't see scrollbar width on there anywhere. Maybe it was in a flash movie that your remembering it?
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:10

yeah...I think if you make some of those the same as the background then it can appear skinnier...but I didn't think it was possible either...just didn't want to publically say that...
Posted by: Dignan

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:25

From a lot of searching, learing how to do CSS, I haven't seen anything that will change the width of the bars and several places that say it can't be done. If you want to change it for specific alignment reasons, I can tell you that I think the bars are exactly 16 pixels wide

By the way, I think I should point out that scrollbar attributes in style codes are part of the CSS2 standard, meaning that ONLY IE6 and Netscape 6 have the ability to display it. It will look normal on previous versions. For an example of one I did, check out www.sinfonicron.org (I think I used colors for the bars on that page...I can't check because I don't have IE6). And my own site, www.dignan17.com has them I think.
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 28/02/2002 17:27

that's weird...I use and see them all the time with IE 5.0 and IE 5.5
Posted by: hybrid8

Re: HTML Authoring question: Scroll bar width - 28/02/2002 21:43

CSS scroll-thumb/bar colour attributes work fine in IE 5 and 5.5. I've used them a few times as well.

Changing the width of a scroll bar would be a BIG faux pas. Glad it can't be done normally.

Bruno
Posted by: Dignan

Re: HTML Authoring question: Scroll bar width - 28/02/2002 22:48

Really? I don't understand why I can't see it then. and everywhere I've seen it described has told me this.

Than again, I've always put style tags in the head area. I see the example above doesn't do so. What's up with that?
Posted by: hybrid8

Re: HTML Authoring question: Scroll bar width - 01/03/2002 00:20

I link it from an external CSS file in the header. Works fine.

body {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;scrollbar-face-color: #336699; scrollbar-shadow-color: #333366; scrollbar-highlight-color: #cccccc; scrollbar-3dlight-color: #9999cc; scrollbar-darkshadow-color: #000055; scrollbar-track-color: #cccccc; scrollbar-arrow-color: #ffffff}

That line just tossed into a .css file and linked from within the header.

Bruno
Posted by: peter

Re: HTML Authoring question: Scroll bar width - 01/03/2002 03:56

CSS scroll-thumb/bar colour attributes work fine in IE 5 and 5.5.

Was there a special option you had to enable? I never saw a coloured scroll-bar until I installed IE6.

Changing the width of a scroll bar would be a BIG faux pas.

I'd be tempted to say that about changing the colour, too; my first impression on a page that's done this is always "Why isn't there a scroll-bar?"

Peter
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 01/03/2002 07:55

I can see color changes on www.lockergnome.com
that's the site I copied the code from...
I've done it on some of my own sites but I just didn't remember them as easily as this...
I don't know what you're doing wrong in your pages...
I put the code between the head and the body just from habit. That's where I was taught to put things like that and javascript function and the such...
Posted by: andy

Re: HTML Authoring question: Scroll bar width - 01/03/2002 08:24

If you are using it on all your pages on you site it should really go in a separate .css file so that you aren't adding bulk to every page that people hit.
Posted by: guardian__J

Re: HTML Authoring question: Scroll bar width - 01/03/2002 08:30

but I don't use it on a entire site, just one or two pages...
the bulk of web stuff I do is for our corporate intranet, so some people here would get confused...I have a few personal pages that I put it on just to play with it, that's why i can't remember what pages...
besides the code I threw up was just enough to be copied into a html for an easy example of the basics of what to do...
Posted by: tfabris

Re: HTML Authoring question: Scroll bar width - 01/03/2002 10:43

Y'know, I could have SWORN that I'd seen tiny narrow scroll bars on some sites.

But it's all cool, I've solved my particular issue without needing to change the size of the scroll bars. Thanks for all the help everyone.
Posted by: loren

Re: HTML Authoring question: Scroll bar width - 01/03/2002 10:57

You could make them look skinny by matching the border and 3d shadow colors to the background of the page... maybe that's what you saw?
Posted by: andy

Re: HTML Authoring question: Scroll bar width - 01/03/2002 11:08

Perhaps you saw one of those sites where they have DHTML that successfully (or almost successfully in some cases) fakes scroll bars ?
Posted by: tfabris

Re: HTML Authoring question: Scroll bar width - 01/03/2002 11:34

Guess it was probably that. Or maybe flash/java or something and I didn't realize it. Well, for my purposes, doing that would be way too much work for a tiny little thing. Like I said, I've dealt with my problem now and all is well.