 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
jugnu
Joined: 15 Jul 2005
Posts: 6
|
 Posted: Fri Jul 15, 2005 3:14 am How To Add ScrollBar Around The Table in HTML |
 |
|
|
Hello Everyone,
Can anyone tell me how to add a scrollbar around the table so that the user can scroll to view the data in the table.
Thanks in advance.
From,
Ghazanfar |
|
EZE
Joined: 22 Jul 2006
Posts: 13
Location: ALKATRAZ WHOO!
|
| Posted: Sat Jul 22, 2006 5:46 pm Scrollbar In A Table |
|
|
|
Paste This Code In Side The Table Row, Column, Etc.
| Code: |
| <div style="overflow:auto; height:556px;width:564px;"> |
Adjust The Height And Width As You Wish.
Put the HTML for the content right after, then put this in:
That should work, I tried it and it did. |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA
|
| Posted: Sat Jul 22, 2006 6:13 pm |
|
|
|
Just to give the complete example, something like:
| Code: |
<table style="width: 800px;">
<tr>
<td style="width: 400px;">
<div style="overflow:auto; width:400px; height: 200px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis, risus at tempor volutpat, eros nulla malesuada augue, vitae consectetuer quam quam eu nibh. Suspendisse laoreet dignissim neque. Sed semper. Nullam facilisis. Nam tristique sapien. Sed turpis justo, lobortis sit amet, posuere at, tristique id, nunc. Vestibulum rutrum dui at lectus. Sed enim. Ut eros eros, pulvinar a, vestibulum sit amet, ornare ac, eros. Suspendisse imperdiet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis, risus at tempor volutpat, eros nulla malesuada augue, vitae consectetuer quam quam eu nibh. Suspendisse laoreet dignissim neque. Sed semper. Nullam facilisis. Nam tristique sapien. Sed turpis justo, lobortis sit amet, posuere at, tristique id, nunc. Vestibulum rutrum dui at lectus. Sed enim. Ut eros eros, pulvinar a, vestibulum sit amet, ornare ac, eros. Suspendisse imperdiet.
</div>
</td>
<td style="width: 400px;"></td>
</tr>
</table> |
Good luck with the site!
_________________
Corey
Loud Info | Loud Worx | Merchant Account Blog |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
