Scrolling Text that looks Good?

[tizbo1423]

i am building a website for small take out restaurant and have been trying to figure out how to get a scrolling text box with nice looking text in my page to hold the menu.

i want something like the menu on this website: http://www.lomelisrestaurant.com/takeOut.html

can anyone point me in the right direction in doing this?

[OctoberWind]

Well, simply dissecting the source code gave me this:

#menu {
border: solid 1px #cccc99;
padding: 3px;
display: block;
width: 550px;
height: 400px;
overflow:auto;
padding:5px;
margin:0;
scrollbar-track-color: #ffffcc;
scrollbar-arrow-color: #ffffcc;
scrollbar-face-color: #cccc99;
scrollbar-3dlight-color: #ffffcc;
scrollbar-highlight-color: #ffffcc;
scrollbar-shadow-color: #ffffcc;
scrollbar-darkshadow-color: #ffffcc;
}


and this:


<DIV id="MENU">
<!-- insert BFT here -->
</DIV>

[tizbo1423]

i caught on to that... a long time after, haha. i gotta get better at reading code (i'm obviously a beginner).

thanks for the help, it's exactly what i needed to figure it out.

[OctoberWind]

If you havent already, grab the Web Developer Toolbar for FF.

It's a great tool for examining source code (Ctrl+Shift+U) and CSS (Ctrl+Shift+E). You can even edit on the fly, if you're trying to figure out either which selector to change, or which value to change it to. Edit on the fly, it reflects the changes right to the browser.

[WebJoel]

scrollbar-track-color: #ffffcc;
scrollbar-arrow-color: #ffffcc;
scrollbar-face-color: #cccc99;
scrollbar-3dlight-color: #ffffcc;
scrollbar-highlight-color: #ffffcc;
scrollbar-shadow-color: #ffffcc;
scrollbar-darkshadow-color: #ffffcc; -Just a note for the newbie; these are IE-proprietary codes that all other browsers (except at least one older version of OPERA), ignore. Basically, scrollbar colors fall under the category of Accessibility tools (for the handicapped, s.508) and thus, are generally hard-coded into the Shell or Chrome of browsers with colors known to work (have at least 100-120 points difference in base-16 RGB) and not meant to be 'fiddled with' by inept web page builders. -This is to (for example) prevent a green scroll-arrow against a blue scroll-bar, which to a color-blind person is seen merely as a brown/gray-ish solid "bar". By being 'invisible' to them, they are in effect, denied Accessibility (you cannot navigate a page if the navigation tool is 'invisible' to you.)

I can see from your code that you want the ARROW to be the same color as the HIGHLIGHT and the SHADOW and theTRACK COLOR... a colorblind person is gonna hate this! People with handicaps eat too... -do you want to risk offending them before they even get through the front door? :o Many States in the US have laws against Local, State and Federal sites having issues that deny Accessibility..

Basically, I'd drop the 'scrollbar color' codes entirely but that's just me... :rolleyes: (although I personal DO like colored scrollbars if they are done right.)

[tizbo1423]

-Just a note for the newbie; these are IE-proprietary codes that all other browsers (except at least one older version of OPERA), ignore. Basically, scrollbar colors fall under the category of Accessibility tools (for the handicapped, s.508) and thus, are generally hard-coded into the Shell or Chrome of browsers with colors known to work (have at least 100-120 points difference in base-16 RGB) and not meant to be 'fiddled with' by inept web page builders. -This is to (for example) prevent a green scroll-arrow against a blue scroll-bar, which to a color-blind person is seen merely as a brown/gray-ish solid "bar". By being 'invisible' to them, they are in effect, denied Accessibility (you cannot navigate a page if the navigation tool is 'invisible' to you.)

I can see from your code that you want the ARROW to be the same color as the HIGHLIGHT and the SHADOW and theTRACK COLOR... a colorblind person is gonna hate this! People with handicaps eat too... -do you want to risk offending them before they even get through the front door? :o Many States in the US have laws against Local, State and Federal sites having issues that deny Accessibility..

Basically, I'd drop the 'scrollbar color' codes entirely but that's just me... :rolleyes: (although I personal DO like colored scrollbars if they are done right.)

wow i had no idea about that, thanks. so if i drop the color codes, the scrollbar will just take on the generic browser scroll bar in IE right? i thought that if i didn't fill in that color codes, that the scroll bar would be invisible.

[OctoberWind]

if i drop the color codes, the scrollbar will just take on the generic browser scroll bar in IE right?

Yup.

Browser defaults can be a blessing and a curse at times... :)