|  | PageTutor.com

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

By the way, if hitting the Reload button is not quite resetting everything, hit the Reload button 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 equally into 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

Well folks, that's it for the free portion of this tutorial. For the rest, and for much more good stuff, sign up and become a member of PageTutor.com!

<< BACK NEXT >>

PageTutor - Frames Tutor
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Templates
Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.