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

A	B	C
D	B	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.

A B 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

A	B
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	B	C
	D	E
F	G

<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.