|
Mailing Lists
|
Home /
Groups /
Cascading Style Sheets (CSS)
Thinner select box scroll bar
I'm redoing parts of the site and in order to save some room I'm putting the links to the mailing lists in a CSS scrolling box (overflow:auto). Is there any way to control the width of the scroll bar? It's really thick.Michael Dinowitz 03/01/07 05:03 P Hi Michael,O?uz Demirkap? 03/01/07 05:13 P .mySelect {O?uz Demirkap? 03/01/07 05:33 P Hi Mike,Larry C. Lyons 03/02/07 11:35 A > Hi Mike,Rick Root 03/02/07 01:04 P It has to be a JS/image thing - scrollbars are a property of the clientPeter Boughton 03/02/07 05:15 P I'm redoing parts of the site and in order to save some room I'm putting the links to the mailing lists in a CSS scrolling box (overflow:auto). Is there any way to control the width of the scroll bar? It's really thick. Also, is there a fast and easy way to cause the content in the scroll box to actually scroll. In otherwords move down towards the bottom of the content and then loop back to the top? Thanks The end result here is a 2 column HoF site of about 222px on the left hand side and the rest (other than margin/padding) in the content area. Hi Michael, you can try "scrollbar-width:5px;" but I think it is not compatible with all browsers. Or you can try zoom attribute in CSS as "zoom: 50%". Michael Dinowitz wrote: ----- Excess quoted text cut - see Original Post for more ----- .mySelect { font-size:1.7em; zoom: 70%; } but not working in FF. :-( O?uz Demirkap? wrote: ----- Excess quoted text cut - see Original Post for more ----- Hi Mike, Instead of using a select box, especially if you're displaying a lot of information, try using a scrollable checklist, http://c82.net/samples/checklist-samples.html. What's nice about it is that its very easy to use a bit of Javascript to make the div scroll to the bottom entry and then back to the top. hth, larry ----- Excess quoted text cut - see Original Post for more ----- > Hi Mike, > > Instead of using a select box, especially if you're displaying a lot > of information, try using a scrollable checklist, > http://c82.net/samples/checklist-samples.html. What's nice about it is > that its very easy to use a bit of Javascript to make the div scroll > to the bottom entry and then back to the top. That doesn't help with the size of the scrollbar though - unless you disable the scrollbar and put some kind of image along side the div, then use javascript to do the scrolling.... is that what you're suggesting? Rick It has to be a JS/image thing - scrollbars are a property of the client browser/OS, and can't be changed. (except for the colours in IE's proprietary extensions) ----- Excess quoted text cut - see Original Post for more -----
|
June 19, 2013
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||