Questy's Learning Area, tutorials and lessons

Building a better web site ...

Questy's, Nested Frames and noframes

Green & Purple line, Questy's Colors!

Combined framesets are those in which the parent frame as well as the child frame contains frames. For example, a Web site's home page might divide the page into a left frame for navigation and right frame for displaying text. This home page is the parent frame. When a user clicks a hyperlink on the left, the text appears in a child frame on the right but as a top and bottom frame. Perhaps a graphic is in a top frame, and the lower frame displays the text. Hence, frames were used on the parent page as well as on a child page creating combined framesets.

To quickly determine how many frames will be created by a nested frameset, count the total the number of <FRAME> tags defined in the nested frameset, which totals three frames in this scenario. In this scenario, two sets of <FRAMESET> tags create three frames - a frame on the left spanning the height of the window and two frames stacked upon each other on the right. Following is an explanation of what each piece of code is doing:

<FRAMESET COLS="30%,70%">
Divides the page into two column frames. The frame on the left is 30% of the window size, and the frame on the right is 70% of the window size.

<FRAME SRC="Main.htm">
Designates that the frame on the left display the file called Main.htm leaving the right frame unoccupied.

<FRAMESET ROWS="50%,50%>
Since the frame on the left is occupied, this code will divide the frame on the right into two row frames, which are both 50% of the window size.

<FRAME SRC="Help.htm">
<FRAME SRC="Products.htm">
Designates what the two row frames will display. The top frame will display a file called Help.htm, and the bottom frame will display Products.htm.

</FRAMESET></FRAMESET>
Closes both <FRAMESET> tags.

Another example of nested framesets is:
<FRAMESET COLS="33%,33%,33%">
<FRAME SRC="Main.htm">
<FRAME SRC="Test.htm">
<FRAMESET ROWS="50%,50%>
<FRAME SRC="Help.htm">
<FRAME SRC="Products.htm">
</FRAMESET></FRAMESET>.

The total number of <FRAME> tags defined in this scenario is four frames. The first <FRAMESET> tag creates three vertical frames that are 33% wide spanning the height of the window. But only two of the three frames are occupied with a file. So the second <FRAMESET> tag is splitting the third unoccupied frame into two frames stacked upon each other.


The HTML <NOFRAMES> Tag

The <NOFRAMES> tag is used to display text for users whose browsers cannot render frames. This container tag is typically placed below the closing </FRAMESET> tag. Below it would appear the <BODY> tag, which contains the text to be seen by users who cannot view frames. An example of HTML code including the <NOFRAMES> tag would be as follows:

<HTML>
<HEAD>
<TITLE>Self Test Software</TITLE>
</HEAD>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="top.htm">
<FRAME SRC="bottom.htm>
</FRAMESET>
<NOFRAMES>
<BODY>
This is text that will be seen by users whose browsers do not support frames.
</BODY>
</NOFRAMES>
</HTML>

turn the page...Next Page

Welcome to Questy's World

Welcome to the World of Questy

Welcome to the World of Questy -- The World of Questy Sites are currrently undergoing a major overhaul. Stay tuned for updated links and news in 2008!

Unless otherwise credited all photos and graphics are the copyrighted property of Questy aka Tom Peracchio. Unauthorized reproduction of any of the pages of this web site is illegal, not to mention rude.
- Copyright 1990 through 2008 -