Home Site Map Your Two Cents Service Order

     

Frames Demo

 

Home Up

Get Your Free E-Mail Account


Isn't it time you
updated your site?

 

 

Master Frameset

Save as nestfrms.html

<html>
<head><title>Nested Framesets</title></head>

<frameset rows="*,15%">
<frame src="set1.html" name="sets">
<frame src="footer.html">
</frameset>

</html>

The result.

The nested framesets (set(#).htmls) load in this frame.

Footer appears here.

 

Nested Sets

Below are the nesting framesets, "set(#).htmls" which divide the 1st row of the master frameset into columns. Additional HTMLs (or HTMs) are needed to satisfy anchors listed in the footer frame. As the different "sets" are selected, a different "index and content" file update the master frameset.

Save as set1.html

<html>
<head><title>Set #1</title></head>

<frameset cols="20%,*">
<frame src="ndex1.html">
<frame src="contnt1.html">
</frameset>

</html>

The result.


Save as set2.html

<html>
<head><title>Set #2</title></head>

<frameset cols="20%,*">
<frame src="ndex2.html">
<frame src="contnt2.html">
</frameset>

</html>

The result.


The footer.

Save as footer.html

<html>
<head><title>Footer</title></head>

<body bgcolor="#CCCCCC">

<base target="sets">

<a href="set1.html">Set #1 </a>
<a href="set2.html">Set #2 </a>

</body>
</html>

The result.

Set #1Set #2

The Documents for the sets

Save as ndex1.htmlSave as contnt1.html

<html>
<head><title> </title></head>
<body bgcolor="#c3ffff">
Set #1
<p>
INDEX

</body>
</html>

<html>
<head><title> </title></head>
<body bgcolor="#c3ffff">
Set #1
<p>
CONTENT

</body>
</html>

Save as ndex2.htmlSave as contnt2.html

<html>
<head><title> </title></head>
<body bgcolor="#ffffc3">
Set #2
<p>
INDEX

</body>
</html>

<html>
<head><title> </title></head>
<body bgcolor="#ffffc3">
Set #2
<p>
CONTENT

</body>
</html>

 

 

 

Webdesign ] Banners and Graphics ] Promotional Services ] HTML Tutorials ] Consulting ] Hosting ] Domain Registration ] WIN PRIZES!! ]

OVER 28 MULTIPLEOVER
AOL Members Choice Award

AWARD WINNING SITES

 


Webmaster-at-Large:     webmasteratlarge@planetwebdesign.com  

Planet T-Shirt Logo
®PLANETWeBDESIGN TECHNOLOGIESº© 

  PO Box 22157  Knoxville, Tennessee 37933-0157

Telephone:    865-692-9253      FAX:    865-692-9247

Acceptible Credit Cards    

 

PlanetWebDesign LogoCopyright © 1998, 1999, 2000 PLANETWEBDESIGN TECHNOLOGIES, Inc. All rights reservedBye Bye!!