Row Frames
- Making frame rows is essentially the same as making columns. Let's
look at an example of creating a row-based frames document.
Specifically, let's divide a browser window into two rows.
- Since this is best explained by example, consider the following
code:
<HTML>
<HEAD>
<TITLE>Frame Row Example</TITLE>
<FRAMESET ROWS = "100, 100">
<FRAME SRC = "http://www.eff.org"
NAME = "topFrame">
<FRAME SRC = "http://www.extropia.com"
NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser,
this whole section will be meaningless. :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>
- On the web, the previous code would like the following figure.
- Suppose we did not want to hardcode the frame size. The ROWS
attribute also takes percentages as values to allow for a
percentage-based sizing. Thus, the previous code could be rewritten
as
the following :
<HTML>
<HEAD>
<TITLE>Frame Row Example</TITLE>
<FRAMESET ROWS = "50%, 50%">
<FRAME SRC = "http://www.eff.org"
NAME = "topFrame">
<FRAME SRC = "http://www.extropia.com"
NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser,
this whole section will be meaningless. :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>
- Finally, you can use an asterix to specify "anything else" as a
sizing component. Thus the following code would create three rows.
One row would be 25 pixels wide, one would be 25 pixels wide, and the
third would take up all the remaining space depending on how the user
resized the browser window.
<HTML>
<HEAD>
<TITLE>Frame Row Example</TITLE>
<FRAMESET ROWS = "25, 25, *">
<FRAME SRC = "http://www.eff.org"
NAME = "topFrame">
<FRAME SRC = "http://www.extropia.com"
NAME = "botFrame">
<NOFRAME>
Well, if you do not have a frames capable browser,
this whole section will be meaningless. :(
</NOFRAME>
</FRAMESET>
</HEAD>
</HTML>
Additional Resources:
Column Frames
Introduction to Web Design | Table of Contents
Complex Frames
|
