House of Fusion
Search over 2,500 ColdFusion resources here
  
Home of the ColdFusion Community

Mailing Lists
Home /  Groups /  Cascading Style Sheets (CSS)

Thinner select box scroll bar

  << Previous Post |  RSS |  Sort Oldest First |  Sort Latest First |  Subscribe to this Group Next >> 
Top  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Michael Dinowitz
03/01/2007 05:03 PM

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.

Top  |   Parent  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
O?uz Demirkap?
03/01/2007 05:13 PM

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 -----

Top  |   Parent  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
O?uz Demirkap?
03/01/2007 05:33 PM

.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 -----

Top  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Larry C. Lyons
03/02/2007 11:35 AM

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 -----

Top  |   Parent  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Rick Root
03/02/2007 01:04 PM

> 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

Top  |   Parent  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Peter Boughton
03/02/2007 05:15 PM

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 -----


<< Previous Thread Today's Threads Next Thread >>

Search css

June 19, 2013

<<   <   Today   >   >>
Su Mo Tu We Th Fr Sa
             1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30             

Designer, Developer and mobile workflow conference