Table Box that can Scroll

mattcmf · #1 (**permalink**) Jan 10th, 2006, 10:49

Hi there,

Im pretty new to web design and am currently putting myself a site together using Front Page. I would like to add a box to one of my pages that I can have a list of info on that people can scroll down. Not the whole page, i.e. just one cell in a table for example. Here is an example of the sort of thing that I mean - http://www.lamornapenrose.co.uk/prof....html?pageID=2

Can anyone let me know how to get this box?

Thanks.
Matt

AnneJan · #2 (**permalink**) Jan 10th, 2006, 12:25

Here's a one-cell scrolling table or you:

HTML: Select all

<html>
<head>
<title></title>
</head>
<body>
<p class="title">Uppest text</p><p class="text">text
<br />text2 
<br />text3
<br />text4
<br />text5
<br />
<br />
<br />text
<br />
<br />text
<br />
<br />text
<br />text
<br />text
<br />
<br />text
<br />
<br />text
<br />
<br />text
<br />text
<br />
<br />text
<br />
<br />text
<br />
<br />text
<br />
<br />more text..
<br />
<br />textblablabla
<br />
<br />blablabla
<br />
<br />put more text
<br />
<br />text 
<br />
<br />
<br />
<br />text
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> 
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> </p></body>
</html>

With some HTML you can make the width en height.

masonbarge · #3 (**permalink**) Jan 10th, 2006, 15:01

Google "iframe" to learn the easiest way.

SweetLou · #4 (**permalink**) Jan 13th, 2006, 08:29

There are two ways that I can think of, Iframe as mentioned above or using a div.

HTML: Select all

<div style="width:200px; height:100px; overflow:auto; border-style:solid; border-width:1;">
Put some text in here. Enough text to make the div to overflow, otherwise the scrollbars won't show.
</div>

jpmitchell · #5 (**permalink**) Jan 18th, 2006, 03:48

I would definately stay away from the Iframe if possible. As it can really get nasty rendering sometimes. The div is a good idea using the overflow feature. I thought I saw another technique too, but for the life of me I can't remember it.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Coding to put a scroll bar into a table cell (Calendar)	woodsy134	Web Page Design	1	May 23rd, 2008 16:13
vertical scroll bar to a table	encompass	Web Page Design	2	Jun 12th, 2007 12:10
Creating a scroll bar within a table	Diablo	Web Page Design	5	Mar 12th, 2007 16:10
Putting a scroll bar in a table in dreamweaver	Diablo	Web Page Design	6	Jan 16th, 2007 19:16

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Table Box that can Scroll