This is your frameset file which will create the following layout.
|
<frameset rows ="20%, *" > |
The reason you give the frame src a name is so that the browser knows which frame to open a file in.
|
First we start with one row 20% high, and the second row having the remainder
<frameset rows ="20%, *" > ....Creates the two rows <frame src="page3.htm" name="head"> |
We now have 2 rows with the top row called head where page3.htm will be loaded
Now we want to split the bottom row into two
To do this we have to create another frameset inside the frameset we have already started.
Because we want columns we have to go;
|
<frameset cols ="26%, *" > ....Creates the 2 columns
<frame src="page1.htm" name="navbar"> <frame src="page2.htm" name="main"> Lastly we have to close both frameset. </frameset> |
All you have to do now is customise the pages that are going to fit in these frames
|
<frameset cols ="25%, *" > <frame src="page1.htm" name="navbar"> <frameset rows ="20%, *" > <frame src="page3.htm" name="head"> <frame src="page2.htm" name="main"> </frameset> </frameset> |
In the previous example we started by creating the rows first, this time we start with the columns.
|
<frameset cols ="25%, *" > ....Creates the two columns <frame src="page1.htm" name="navbar"> We now have 2 columns with page1.htm loading into the left column |
Now we want to split the right column into 2 rows
|
<frameset rows ="20%, *" > ....Creates the two rows <frame src="page3.htm" name="head"> ....Loads into the head section <frame src="page2.htm" name="main"> ....Loads into the main section And finally close the framesets </frameset> |
Download examples:
Two Frames
Three Frames
Four Frames