Thursday, October 28, 2010

How to change the scollbar color of a scolling table in html?

I have a table that scrolls. All I want to know is how do I change the scrollbar color of that scrolling table?



So far, I have a table that has text and images in it, and it scrolls down. How do I make the scrollbar different colors? Not the scroll bars on the entire page, but the scrollbar of just that scrolling table.



Thanks in advance!How to change the scollbar color of a scolling table in html?
You do know that effect is only supported by IE and Maxthon browsers don't you?



Free online scrollbar generators:



http://www.code-generator.net/myspace/my鈥?/a>

http://www.myspacegens.com/handler.php?g鈥?/a>

http://www.makems.com/myspace-generators鈥?/a>

http://www.bigoo.ws/generator/image_slid鈥?/a>

http://www.webmaster-affiliates.net/colo鈥?/a>



For the table that scrolls, you will have to set a CSS class for those scroll bars. Otherwise, the scrollbar code is going to put the colors on the main browser scrollbar.



RonHow to change the scollbar color of a scolling table in html?
You need to do this with CSS.

You'll also need to give the table a class as well to stop it applying to the whole page.



The coding for this is:-

table.yourtableclassname {

scrollbar-face-color:#006600;

scrollbar-base-color:#003300;

scrollbar-arrow-color:#FFFFFF;

scrollbar-track-color:#9BC39B;

scrollbar-shadow-color:#003300;

scrollbar-highlight-color:#9BC39B;

scrollbar-3dlight-color:#9BC39B;

scrollbar-darkshadow-Color:#003300;

}



So in the table tag you need to apply class=';yourtablename';
try this:

please visit

http://rainbow.arch.scriptmania.com/tool鈥?/a>



and make a scroll bar of your own choice then generate CSS codes then copy the codes and paste them into CSS or html file.

Make some changing in codes to be applied for your table only not for browser window.



App

No comments:

Post a Comment