Frames

Section 1 - Introduction
Section 2 - Basics
Section 3 - Next Level
Section 4 - Advanced
      Fancy Lists
      Forms
      Advanced Tables
      Frames
         About frames
         Frameset
         Frame source & name
         Nesting Frames
         Target & Noframes
         Frameset borders, etc.
         Scrolling & Resizing
         Margin width, borders
         IFrame
         Should you? Try it
      Style Sheets
      Image Maps
Section 5 - Publishing
Section 6 - Extras
Appendices
While you just learned ways to modify the <frameset> tag, you can also modify the <frame> tag. Two of the ways you can modify the frame is to either allow or disallow resizing and allow or disallow scrolling.

RESIZING:
In the frames that have been made so far, you can resize the frame by clicking on and sliding the border of the frame. Go ahead and try it on this old frame.

To "lock" the frames in place so they can't be moved, you need to add a command to the <frame> command. Easily enough, that command is NORESIZE.

Here's an example:
<html>
<head></head>
<frameset cols="20%,*">
      <frame src="cool.html" name="contents" noresize>
      <frame src="fuzzy.html" name="main" noresize>
</frameset>
</html>
And here is the set of frames you just saw above with the noresize in place.
Click here to see it


SCROLLING
As you may have seen, sometimes a frame will allow you to scroll up and down, and sometimes it won't. You can control whether the scrollbar will show up or not by using the scrolling command.

The scroll command has three alternatives. Scrolling can be listed as YES, NO, or AUTO. In the YES alternative, thre will be a scrollbar, whether it's needed or not. In the NO setting, there will be no scrollbar, even if it's needed. The safest setting is also the default, which is AUTO. AUTO lets the computer decide whether a scrollbar is needed. Here are examples of each:
<html>
<head></head>
<frameset rows="33%,33%,*">
      <frame src="yesframe.html" SCROLLING=YES>
      <frame src="noframe.html" SCROLLING=NO>
      <frame src="autoframe.html" SCROLLING=AUTO>
</frameset>
</html>
These commands produce this page.

Back Home Forward