Table Box that can Scroll

mattcmf · January 10th, 2006, 06:49 AM

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 · January 10th, 2006, 08:25 AM

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

HTML Code:

<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 · January 10th, 2006, 11:01 AM

Google "iframe" to learn the easiest way.

SweetLou · January 13th, 2006, 04:29 AM

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

HTML Code:

<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 · January 17th, 2006, 11:48 PM

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.