Frames with scroll bars

artwebster · 10-22-2008, 08:08 AM

Not sure if that title is clear but I need to create a frame or box on a web site that will contain more information than the size of the box or frame will accommodate - requiring the use of a scroll bar to view all the content (similar to what appears in many sales letter for multiple products).

Is this a simple coding exercise or do I need to have a particular type of style sheet?

write-stuff · 10-22-2008, 08:54 AM

It's a simple paramater in the .html.

artwebster · 10-22-2008, 11:24 AM

Thanks write-stuff -

I had sort of figured that out - but what is the parameter and how do I use it? Presumably it is a piece of code that defines a table - but what is that code? I have checked all my paperwork on HTML and can't find it.

LADWebDesign · 10-22-2008, 11:55 AM

You can use something like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html><head>
<title>Welcome</title>
<meta http-equiv="Content-type" content="text/html">
</head>

<frameset rows="*, 90" border="0" frameborder="no" framespacing="0">

<frameset cols="150,*" border="0" frameborder="no" framespacing="0">
<frame name="left" src="left.html" scrolling="auto">

<frameset rows="100,*" border="0" frameborder="no" framespacing="0">
<frame name="top" src="top.html" scrolling="auto">
<frame name="contents" src="contents.html" scrolling="auto">
</frameset>
</frameset>

<frame name="footer" src="footer.html" scrolling="auto">

<noframes>
<p>This site is best viewed in a browser that supports frames.</p>
<p><a href="contents.html">Continue...</a></p>
</noframes>

</frameset>

</html>

The frames will automatically resize if the content is too wide/long.

The above example has four separate frames - one for the header, footer, left and content.

Linda

artwebster · 10-22-2008, 01:06 PM

Thanks very much, Web Goddess,

Sorry, I have not made myself clear.

I want the frames to be a fixed size so that the content, which will be greater than the frame size will contain, is scrollable.

jimbob · 10-22-2008, 05:24 PM

You can use CSS to do this. Personally I use DIVs rather than frames, and then set the CSS accordingly. So, the HTML is:

<div id="myBox">lots of content here</div>

Then the CSS is:

#myBox { overflow: scroll }

You can of course control the size and position of myBox using CSS too.

Hope that helps.

Cheers,
James

kristine08m · 10-22-2008, 10:57 PM

Frames

With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.
The disadvantages of using frames are:

The web developer must keep track of more HTML documents
It is difficult to print the entire page

The Frameset Tag

The <frameset> tag defines how to divide the window into frames
Each frameset defines a set of rows or columns
The values of the rows/columns indicate the amount of screen area each row/column will occupy

The Frame Tag

The <frame> tag defines what HTML document to put into each frame

In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "frame_b.htm" is put into the second column:
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
If you know about html visit the w3schools.com..its is a tutorial about html and many more

10-22-2008, 08:08 AM	#1
artwebster Brutal honesty's me Join Date: Sep 2008 Location: Coín, Spain Posts: 1,032 Blog Entries: 4 Thanks: 33 Thanked 251 Times in 138 Posts Social Networking Contact Info	Frames with scroll bars Not sure if that title is clear but I need to create a frame or box on a web site that will contain more information than the size of the box or frame will accommodate - requiring the use of a scroll bar to view all the content (similar to what appears in many sales letter for multiple products). Is this a simple coding exercise or do I need to have a particular type of style sheet?
	You might not like what I say - but I believe it. Build it, make money, then build some more Some old school smarts would help - and here's to Rob Toth for his help. Bloody good stuff, even the freebies!

10-22-2008, 08:54 AM	#2
write-stuff Eschew Obfuscation War Room Member Join Date: Aug 2008 Location: Atlanta Posts: 623 Thanks: 12 Thanked 48 Times in 40 Posts	Re: Frames with scroll bars It's a simple paramater in the .html.

10-22-2008, 11:24 AM	#3
artwebster Brutal honesty's me Join Date: Sep 2008 Location: Coín, Spain Posts: 1,032 Blog Entries: 4 Thanks: 33 Thanked 251 Times in 138 Posts Social Networking Contact Info	Re: Frames with scroll bars Thanks write-stuff - I had sort of figured that out - but what is the parameter and how do I use it? Presumably it is a piece of code that defines a table - but what is that code? I have checked all my paperwork on HTML and can't find it.
	You might not like what I say - but I believe it. Build it, make money, then build some more Some old school smarts would help - and here's to Rob Toth for his help. Bloody good stuff, even the freebies!

10-22-2008, 11:55 AM	#4
LADWebDesign Web Goddess War Room Member Join Date: Jan 2007 Location: Central Florida, USA Posts: 355 Blog Entries: 1 Thanks: 11 Thanked 23 Times in 21 Posts Social Networking Contact Info	Re: Frames with scroll bars You can use something like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html><head> <title>Welcome</title> <meta http-equiv="Content-type" content="text/html"> </head> <frameset rows=", 90" border="0" frameborder="no" framespacing="0"> <frameset cols="150," border="0" frameborder="no" framespacing="0"> <frame name="left" src="left.html" scrolling="auto"> <frameset rows="100,*" border="0" frameborder="no" framespacing="0"> <frame name="top" src="top.html" scrolling="auto"> <frame name="contents" src="contents.html" scrolling="auto"> </frameset> </frameset> <frame name="footer" src="footer.html" scrolling="auto"> <noframes> <p>This site is best viewed in a browser that supports frames.</p> <p><a href="contents.html">Continue...</a></p> </noframes> </frameset> </html> The frames will automatically resize if the content is too wide/long. The above example has four separate frames - one for the header, footer, left and content. Linda
	LAD Web Design Follow me on Twitter

10-22-2008, 01:06 PM	#5
artwebster Brutal honesty's me Join Date: Sep 2008 Location: Coín, Spain Posts: 1,032 Blog Entries: 4 Thanks: 33 Thanked 251 Times in 138 Posts Social Networking Contact Info	Re: Frames with scroll bars Thanks very much, Web Goddess, Sorry, I have not made myself clear. I want the frames to be a fixed size so that the content, which will be greater than the frame size will contain, is scrollable.
	You might not like what I say - but I believe it. Build it, make money, then build some more Some old school smarts would help - and here's to Rob Toth for his help. Bloody good stuff, even the freebies!

10-22-2008, 05:24 PM	#6
jimbob HyperActive Warrior War Room Member Join Date: Jun 2005 Location: Northampton, UK Posts: 481 Thanks: 2 Thanked 6 Times in 6 Posts Social Networking Contact Info	Re: Frames with scroll bars You can use CSS to do this. Personally I use DIVs rather than frames, and then set the CSS accordingly. So, the HTML is: <div id="myBox">lots of content here</div> Then the CSS is: #myBox { overflow: scroll } You can of course control the size and position of myBox using CSS too. Hope that helps. Cheers, James
	James Simpson

10-22-2008, 10:57 PM	#7
kristine08m Warrior Member Join Date: Oct 2008 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Frames with scroll bars Frames With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others. The disadvantages of using frames are: The web developer must keep track of more HTML documents It is difficult to print the entire page The Frameset Tag The <frameset> tag defines how to divide the window into frames Each frameset defines a set of rows or columns The values of the rows/columns indicate the amount of screen area each row/column will occupy The Frame Tag The <frame> tag defines what HTML document to put into each frame In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "frame_b.htm" is put into the second column: <frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset> If you know about html visit the w3schools.com..its is a tutorial about html and many more
	SIGNATURE EDITED