This is a sample for the FRAMES TUTORIAL
ONLY if you arrived from elsewhere, link to the tutrorial here!

The buttons in this frameset are not active, just samples in different frames

Removing Borders
Many sites remove frame borders, and even stop scrollbars alltogether. Often the idea is to have the same background colour on all pages loaded into the frames, resulting in a fairly cool? design.

Without spending very much time and resouces just to create a complex sample, this frameset should help you relate to sites you have seen on the Internet. You can change this page to another colour by clicking on this hyperlink.

• The inactive menu buttons on the left could link to various page changes in this frame, or even change the content of the top or bottom frames.

• The inactive buttons above could link to alternate topic lists in the left hand menu frame etc, and the bottom frame could be used for any general information or even advertising as shown.

• Here is the code for the framest creating this browser window:

<frameset framespacing="0" border="false" frameborder="0" rows="30,*,55">
  <frame name="top" scrolling="no" noresize marginwidth="0" marginheight="6" src="brdless1.htm">
<
frameset cols="90,*">
  <frame name="contents" scrolling="no" marginwidth="0" marginheight="0" noresize src="brdless2.htm">
  <frame name="main" src="brdless3.htm" scrolling="auto" marginheight="0" noresize>
<
/frameset>
  <frame name="bottom" scrolling="no" noresize src="brdless4.htm" marginwidth="0" marginheight="7">
    <noframes>
    <body bgcolor="#000066" text="#FFFF00" link="#00FFFF" vlink="#66CCCC">
    <p>This page uses frames, but your browser doesn't support them.<br>
    The page you accessed is part of a HTML FRAMES tutorial</p>
    <p>The tutorial is at <a href="http://dtp-aus.com/frm_sets/frames.html">this address</a>.</p>
    </body>

    </noframes>
<
/frameset>

• If you do not know, here the HTML code for the alternating pages below:

For the default page, this <meta ...> tag is included in the <head> ... </head> tag pair, and points to the next page that will be loaded after 10 seconds.
<meta HTTP-EQUIV="Refresh" CONTENT="10; URL=brdless5.htm">

Once loaded, the second page contains this <meta ...> tag that calls the third page.
<meta HTTP-EQUIV="Refresh" CONTENT="10; URL=brdless6.htm">

Once loaded, the third page contains this <meta ...> tag calling the first page, restarting the loop
<meta HTTP-EQUIV="Refresh" CONTENT="10; URL=brdless4.htm">

But before you charge in and remove borders and even scrollbars, remember to plan your pages so that any fixed size frames do not hide objects when viewed at 640X480 resolution.


page top

this is the bottom of main page