#76322 - 28/02/2002 16:14
HTML Authoring question: Scroll bar width
|
carpal tunnel
Registered: 20/12/1999
Posts: 31597
Loc: Seattle, WA
|
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?
|
|
Top
|
|
|
|
|
#76323 - 28/02/2002 16:28
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
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 
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76324 - 28/02/2002 16:40
Re: HTML Authoring question: Scroll bar width
[Re: guardian__J]
|
carpal tunnel
Registered: 20/12/1999
Posts: 31597
Loc: Seattle, WA
|
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.
|
|
Top
|
|
|
|
|
#76325 - 28/02/2002 17:00
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
oh yeah...sorry...
but actually..I've never seen the width changed...
do you have an example site?
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76326 - 28/02/2002 17:03
Re: HTML Authoring question: Scroll bar width
[Re: guardian__J]
|
carpal tunnel
Registered: 20/12/1999
Posts: 31597
Loc: Seattle, WA
|
Unfortunately, I do not have an example site ready to point to. I know I've seen small scrollbars, though.
|
|
Top
|
|
|
|
|
#76327 - 28/02/2002 17:04
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
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...
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76328 - 28/02/2002 17:07
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
carpal tunnel
Registered: 23/08/2000
Posts: 3826
Loc: SLC, UT, USA
|
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?
|
|
Top
|
|
|
|
|
#76329 - 28/02/2002 17:10
Re: HTML Authoring question: Scroll bar width
[Re: loren]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
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...
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76330 - 28/02/2002 17:25
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
carpal tunnel
Registered: 08/03/2000
Posts: 12338
Loc: Sterling, VA
|
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.
_________________________
Matt
|
|
Top
|
|
|
|
|
#76331 - 28/02/2002 17:27
Re: HTML Authoring question: Scroll bar width
[Re: Dignan]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
that's weird...I use and see them all the time with IE 5.0 and IE 5.5
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76332 - 28/02/2002 21:43
Re: HTML Authoring question: Scroll bar width
[Re: guardian__J]
|
carpal tunnel
Registered: 12/11/2001
Posts: 7738
Loc: Toronto, CANADA
|
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
|
|
Top
|
|
|
|
|
#76333 - 28/02/2002 22:48
Re: HTML Authoring question: Scroll bar width
[Re: hybrid8]
|
carpal tunnel
Registered: 08/03/2000
Posts: 12338
Loc: Sterling, VA
|
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?
_________________________
Matt
|
|
Top
|
|
|
|
|
#76334 - 01/03/2002 00:20
Re: HTML Authoring question: Scroll bar width
[Re: Dignan]
|
carpal tunnel
Registered: 12/11/2001
Posts: 7738
Loc: Toronto, CANADA
|
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
|
|
Top
|
|
|
|
|
#76335 - 01/03/2002 03:56
Re: HTML Authoring question: Scroll bar width
[Re: hybrid8]
|
carpal tunnel
Registered: 13/07/2000
Posts: 4180
Loc: Cambridge, England
|
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
|
|
Top
|
|
|
|
|
#76336 - 01/03/2002 07:55
Re: HTML Authoring question: Scroll bar width
[Re: Dignan]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
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...
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76337 - 01/03/2002 08:24
Re: HTML Authoring question: Scroll bar width
[Re: guardian__J]
|
carpal tunnel
Registered: 10/06/1999
Posts: 5916
Loc: Wivenhoe, Essex, UK
|
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.
_________________________
Remind me to change my signature to something more interesting someday
|
|
Top
|
|
|
|
|
#76338 - 01/03/2002 08:30
Re: HTML Authoring question: Scroll bar width
[Re: andy]
|
enthusiast
Registered: 28/01/2002
Posts: 265
Loc: MI, USA
|
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...
_________________________
guardian__J
MKIIa 20g Smoke
|
|
Top
|
|
|
|
|
#76339 - 01/03/2002 10:43
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
carpal tunnel
Registered: 20/12/1999
Posts: 31597
Loc: Seattle, WA
|
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.
|
|
Top
|
|
|
|
|
#76340 - 01/03/2002 10:57
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
carpal tunnel
Registered: 23/08/2000
Posts: 3826
Loc: SLC, UT, USA
|
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?
|
|
Top
|
|
|
|
|
#76341 - 01/03/2002 11:08
Re: HTML Authoring question: Scroll bar width
[Re: tfabris]
|
carpal tunnel
Registered: 10/06/1999
Posts: 5916
Loc: Wivenhoe, Essex, UK
|
Perhaps you saw one of those sites where they have DHTML that successfully (or almost successfully in some cases) fakes scroll bars ?
_________________________
Remind me to change my signature to something more interesting someday
|
|
Top
|
|
|
|
|
#76342 - 01/03/2002 11:34
Re: HTML Authoring question: Scroll bar width
[Re: andy]
|
carpal tunnel
Registered: 20/12/1999
Posts: 31597
Loc: Seattle, WA
|
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.
|
|
Top
|
|
|
|
|
|
Previous Topic
Index