Submit Your Article Webforumz RegistrationAnnouncements Contact Webforumz StaffContact
Home Resources Blogs Meet the Team Contact Register
 

Go Back   WebForumz.com > The Code > HTML, XHTML and CSS

Reply
 
LinkBack Thread Tools
Old January 10th, 2006, 06:49 AM   #1
New Member
 

Join Date: Jan 2006
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 mattcmf is on a distinguished road
Table Box that can Scroll

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
mattcmf is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old January 10th, 2006, 08:25 AM   #2
New Member
 

Join Date: Jan 2006
Location: Leeuwarden, NL
Posts: 25
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 AnneJan is on a distinguished road
Post Re: Table Box that can Scroll

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.
AnneJan is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old January 10th, 2006, 11:01 AM   #3
Highly Reputable Member
 
masonbarge's Avatar
 

Join Date: Jan 2006
Location: Atlanta GA
Posts: 649
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 masonbarge will become famous soon enough
Re: Table Box that can Scroll

Google "iframe" to learn the easiest way.
masonbarge is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old January 13th, 2006, 04:29 AM   #4
New Member
 

Join Date: Dec 2005
Posts: 24
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 SweetLou is on a distinguished road
Re: Table Box that can Scroll

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>
SweetLou is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old January 17th, 2006, 11:48 PM   #5
Reputable Member
 

Join Date: Jul 2005
Location: Indiana, USA
Age: 31
Posts: 150
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 jpmitchell will become famous soon enough
Re: Table Box that can Scroll

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.
jpmitchell is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Bookmarks

Tags
table , box , scroll


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Coding to put a scroll bar into a table cell (Calendar) woodsy134 HTML, XHTML and CSS 1 May 23rd, 2008 12:13 PM
vertical scroll bar to a table encompass HTML, XHTML and CSS 2 June 12th, 2007 08:10 AM
Creating a scroll bar within a table Diablo HTML, XHTML and CSS 5 March 12th, 2007 01:10 PM
Putting a scroll bar in a table in dreamweaver Diablo HTML, XHTML and CSS 6 January 16th, 2007 03:16 PM


Search Engine Optimization by vBSEO 3.2.0 RC8