The Frame Sampler

Unlike the table sampler, I can't put dozens of frames on the same page. This makes it difficult to provide a frame reference. So, I have an unusual solution: I present the approximate resulting layout as a table.

For each of these examples, imagine the table that you see stretching to fill the screen and each cell has some document in it. If you just must see an actual frame document, then click on the gotta see it link.

A basic 3x2 frame

A B C
D E F
<frameset rows="50%,50%">
  <frameset cols="33%,33%,33%">
    <frame src="A.html">
    <frame src="B.html">
    <frame src="C.html">
  </frameset>
  <frameset cols="33%,33%,33%">
    <frame src="D.html">
    <frame src="E.html">
    <frame src="F.html">
  </frameset>
</frameset>
Gotta see it.

Two demonstrations of frames spanning rows

ABC
D E
<frameset cols="33%,33%,33%">
  <frameset rows="50,50">
    <frame src="A.html">
    <frame src="D.html">
  </frameset>
  <frame src="B.html">
  <frameset rows="50%,50%">
    <frame src="C.html">
    <frame src="E.html">
  </frameset>
</frameset>

Gotta see it.

AB C D
E F G


<frameset cols="25%,25%,25%,25%">
  <frame src="A.html">
  <frameset rows="50%,50%">
    <frame src="B.html">
    <frame src="E.html">
  </frameset>
  <frameset rows="50%,50%">
    <frame src="C.html">
    <frame src="F.html">
  </frameset>
  <frameset rows="50%,50%">
    <frame src="D.html">
    <frame src="G.html">
  </frameset>
</frameset>
Gotta see it.

Demonstration of frames spanning columns

AB
C D E
<frameset rows="50%,50%">
  <frameset cols="33%,66%">
    <frame src="A.html">
    <frame src="B.html">
  </frameset>
  <frameset cols="33%,33%,33%">
    <frame src="C.html">
    <frame src="D.html">
    <frame src="E.html">
  </frameset>
</frameset>
Gotta see it.

Clever uses of rowspan/colspan

A BC
DE
FG
<frameset rows="66%,33%">		<!--- Divide into 2 rows ---!>
 <frameset cols="33%,33%,33%"> 	<!--- Row 1: make 3 columns ----!>
  <frame src="A.html">		<!--- Column 1: A ---!>
  <frameset rows="50%,50%"> 	<!--- Column 2: Divide into 2 rows: 1A and 1B---!>
   <frame src="B.html">		<!--- Column 2: Row 1A: B ---!>
   <frame src="D.html"> 	<!--- Column 2: Row 1B: D---!>
  </frameset>
  <frameset rows="50%,50%">	<!--- Column 3: Divide into 2 rows: 1A and 1B---!>
   <frame src="C.html"> 	<!--- Column 3: Row 1A: C ---!>
   <frame src="E.html"> 	<!--- Column 3: Row 1B: E ---!>
  </frameset>
 </frameset>			<!--- Close up Row 1 ---!>
 <frameset cols="33%,66%">	<!--- Row 2: make 2 columns ----!>
  <frame src="F.html">		<!--- Column 1: F ---!>
  <frame src="G.html">		<!--- Column 2: G ---!>
 </frameset>
</frameset>
Gotta see it.

A Basic 3x2 frame, without scrollbars

A B C
D E F
<frameset rows="50%,50%">
  <frameset cols="33%,33%,33%">
    <frame src="A.html" SCROLLING=NO>
    <frame src="B.html" SCROLLING=NO>
    <frame src="C.html" SCROLLING=NO>
  </frameset>
  <frameset cols="33%,33%,33%">
    <frame src="D.html" SCROLLING=NO>
    <frame src="E.html" SCROLLING=YES>
    <frame src="F.html" SCROLLING=AUTO>
  </frameset>
</frameset>
Gotta see it.

A Basic 3x2 frame, using NORESIZE

A B C
D E F
<frameset rows="50%,50%">
  <frameset cols="33%,33%,33%">
    <frame src="A.html">
    <frame src="B.html">
    <frame src="C.html">
  </frameset>
  <frameset cols="33%,33%,33%">
    <frame src="D.html"NORESIZE>
    <frame src="E.html">
    <frame src="F.html">
  </frameset>
</frameset>
Note how adjoining cells are affected.

Gotta see it.


A Simple frame, using NAMEd windows to direct document output.

i
n
d
e
x
changing
content
<frameset cols="33%,66%">
  <frame src="framesets1hindex.html">
  <frame src="A.html" name="CONTENT">
</frameset>

<A HREF="A.html" name="CONTENT">
Gotta see it.
Copyright © 1995 Hagan Heller. The information on these pages may be freely copied, so long as they are not sold and this copyright information is included.
Make your own free website on Tripod.com