Now that you have your frames in place, you can adjust different parameters of the frame dividing lines. For these examples, I will start off using a simple COLumn setup.
<html>
<head>
<title> Master Page </title>
</head>
<frameset cols="200,*">
<frame src="page1.html">
<frame src="page2.html">
</frameset>
</html> |
The example created a two column page. The first column is 200 pixels wide, the second column is "whatever space is left over".
The SCROLLING property controls the scroll or slide bar on a frame area. On a regular page, you will see these appear along the right side of the screen or along the bottom when the displayed page is longer (or wider) than the screen size. The same effect happens in a frame area.
SCROLLING is not a widely used property considering the scroll bars appear automatically when the page contents go beyond the area boundaries. If all the contents are within the boundaries, then no scroll bars will appear.
There are some very minor circumstances when you would like to control the appearance (or not) though. The value settings for this property are AUTO, YES, or NO. The AUTO value is just like not declaring the SCROLLING property. The YES value will make the scroll bars appear even if the contents don't go past boundaries. The NO value will not let the scroll bars appear at all.
<html>
<head>
<title> Master Page </title>
</head>
<frameset cols="200,*">
<frame src="page1.html" scrolling="yes">
<frame src="page2.html">
</frameset>
</html> |
| AUTO |
The default. It will insert scroll bars only if necessary. |
| YES |
Will insert scroll bars. |
| NO |
Will eliminate scroll bars. If the images or page in the section is larger than the section space, no scroll bars will appear and the space will show only as much as it possibly can. |
As with most objects on a web page, frames have an invisible buffer space around them. This help keeps the contents of the areas a bit away from the dividing lines. This is controllable using the MARGINWIDTH and MARGINHEIGHT in the FRAME SRC tag.
<html>
<head>
<title> Master Page </title>
</head>
<frameset cols="200,*">
<frame src="page1.html" scrolling="yes">
<frame src="page2.html" marginwidth="0" marginheight="0">
</frameset>
</html> |
For the example, I set these to zero, but if you prefer to have some extra space try entering different amounts to see what looks better for your page.
-----------------
Article by David Stanley. Visit his site http://www.htmlite.com. Reprinted with permission.
|
What is hot:
