Exit tutorial


HTML Tutorial
Advanced Web Design: Frames - Page 3 of 5
Making The Scrollbars And Lines Invisible

To give your page invisible frames, you will need to add some commands to your FRAMESET tag, and adjust your FRAME tags to your liking. Here is some code that will give you two frames, and the border between them will be invisible.

<FRAMESET cols="20%,80%" border="0" framespacing="0" frameborder="0">
<FRAME SRC="page1.htm" name="left_frame" scrolling="no">
<FRAME SRC="page2.htm" name="right_frame">
</FRAMESET>

As you can see, there are three new commands in the FRAMESET tag:

  1. border="0"
    Sets the borders to zero so they do not appear.

  2. frameborder="0"
    Sets the frameborders to zero so they do not show up.

  3. framespacing="0"
    Sets the spacing of the frames so that there won't be a gap between frames.

Also remember to set the scrolling attribute to "no" in one or all of the FRAME tags. In the example, I set the left frame for no scrolling, so the frame would be invisible. I let the right frame use the default, so scrollers are only added as needed for the right frame.

So, take a look at the example page and see how it looks!

Example Page

[Back to the Stage 3 Index]