/    Sign up×
Community /Pin to ProfileBookmark

Scrollbar within a table

Is there anyway I can use a scrollbar within a table?
I know it can be easily done with flash, but I wanted to do the same thing in html.

to post a comment
HTML

6 Comments(s)

Copy linkTweet thisAlerts:
@96turnerriSep 12.2003 — just insert a textbox inside the cell

<textarea value="XXXXXX" rows="2" name="S1" cols="20"></textarea>

and the set value to what you want it to say, play around with rows/cols to get size right then lock the text so the box cant be clicked or deleted

Hope this helps
Copy linkTweet thisAlerts:
@PeOfEoSep 12.2003 — No thats not a good method, that is not what you want to do. That causes problems in that you can only put text inside of it not images or other elements. Also it looks like crap. There are two good ways to do it. A use a div with overflow specified as scroll or auto. To do this put this inside the cell

<div style="height:yourheight;width:yourwidth;overflow:auto;">stuff in the div</div>

the other way to do it is by using an iframe. An iframe is a frame though so you will need another html file to open inside of it.

<iframe src="thepageinside" name="iframename" height="someheight" width="somewidth"><a href="thepageinside">You dont support an iframe</a></iframe> The upside of the iframe is you can have links open inside of it by using <a href="somepage" target="iframename">link</a>

To see it done with an iframe view my site www.clanknights.vze.com, to play around with different overflows for a div go to

http://www.w3schools.com/css/tryit.asp?filename=trycss_overflow
Copy linkTweet thisAlerts:
@96turnerriSep 12.2003 — you can still put images and other elements in the scrollbox what u tlking about?
Copy linkTweet thisAlerts:
@pyroSep 12.2003 — Images in a <textarea>? I'd like to see how you managed that one...
Copy linkTweet thisAlerts:
@mdananauthorSep 12.2003 — Thanks so much for all of your replies...but I think I know how to do it now.

I saw this website from www.CoolHomepages.com (a great resource for design and such), http://www.maddenmedia.com/maddenmedia/index_html.html (see About) and I viewed and copied some of their source code for creating a scrollabe area within a table.

Their idea was really great, simple and very clean, just like it would look in a flash environment.

I'm still working on it though...so I'll keep my fingers crossed.
Copy linkTweet thisAlerts:
@PeOfEoSep 12.2003 — I simplified the only too practical methods to do this, so if you have problems refer to my post above. There is a thrid way to do it, which is using an ilayer but that is a bunch of code and it is not very well supported.
×

Success!

Help @mdanan spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...