Frames Tutor - Lesson 3

The <frameset> tag does all the dividing. That's all it does... divide up windows. It specifies a few things regarding how to divide them up, but remember, whenever you want to do some dividing - use <frameset>.

Can we divide it into more than 2 pieces? Yes, just make sure that you specify a page for each section or the browser's gonna get confused.

 
<frameset cols="20%,20%,20%,20%,20%">
  <frame src="lisa.html">
  <frame src="terri.html">
  <frame src="kim.html">
  <frame src="tina.html">
  <frame src="shannon.html">
</frameset>

VIEW IT


IMPORTANT NOTE: Whenever you make a change to your document, just save it, then hit the Refresh/Reload button on your browser. In many instances just hitting the refresh button doesn't quite do the trick. In that case...

Internet Explorer users: Click Refresh while holding down the CTRL key.
Netscape/FireFox users: Click Reload while holding down the SHIFT key.


It's pretty obvious that we can make the frames all differents sizes. Just make sure your arithmetic is correct or the browser will come up with its own interpretation.

 
<frameset cols="10%,20%,30%,15%,25%">
  <frame src="lisa.html">
  <frame src="terri.html">
  <frame src="kim.html">
  <frame src="tina.html">
  <frame src="shannon.html">
</frameset>

VIEW IT


If we specify dividing into rows instead of cols we get something else entirely.

 
<frameset rows="10%,20%,30%,15%,25%">
  <frame src="lisa.html">
  <frame src="terri.html">
  <frame src="kim.html">
  <frame src="tina.html">
  <frame src="shannon.html">
</frameset>

VIEW IT


Let's go back down to 2 frames, divided into two equal columns.

 
<frameset cols="50%,50%">
  <frame src="lisa.html">
  <frame src="terri.html">
</frameset>

VIEW IT


We can specify 50 pixels instead of 50%. And, we can use * instead of a number. The * means whatever is left over.

 
<frameset cols="50,*">
  <frame src="lisa.html">
  <frame src="terri.html">
</frameset>

VIEW IT

<< BACK NEXT >>