HTML Basix - HTML tutorials and online webmaster tools

Htaccess code generators Code generators Tutorials

Subscribe to RSS feed
Subscribe to the HTML Basix RSS feed.

Scrollbar in Table Generator

Put a scrollbar into your tables - vertical or horizontal

If you have a table which expands due to dynamic content but you'd like it to only use a certain area, put a scrollbar in it.

* note - degrades well in early browsers, no scrollbar is shown but the table gets displayed in full.

Your site might have a table which contains information which changes from time to time. This information might be different in size, ie a dynamic list from a database. Instead of your table changing size due to varying amounts of information within it, you can add a scrollbar which keeps the area for the table the same size all the time, but adds a scrollbar to the table if the table exceeds the size you'd like it to be.

table details
width of area to use:
height of area to use:
border width:
border color:
your table code:
* paste in the full code for your table, including <table><tr><td> tags etc. If you are using the code in a script, leave the table code out and take the generated tags and put them either side of your table code in your script.
IMPORTANT!! Set your table width 20px narrower than the 'width of area to use'. For example, if your 'width of area to use' is 300, your table tag will look like: <table width="280">


Page will open in a new window

Site Stats     
Total: 9,768,786 Total: 28,332,407
Today: 235 Today: 588
Yesterday: 238 Yesterday: 618
Past Month: 7,378 Past Month: 19,158

273 visitors in the last 24 hours
This page has been visited 607,245 times
There is currently 1 visitor online
click to see where
most people online at once:
286 visitors on 06/27/2012
   You beaut

This site is © HTML Basix 2003 - 2009