shadowline
Col & Row << Parameters >> Borders
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".

Click here to see the example in action.



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>

AUTOThe default. It will insert scroll bars only if necessary.
YESWill insert scroll bars.
NOWill 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.

Click here to see the example in action.



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.

Click here to see the example in action.
Col & Row << Parameters >> Borders
shadow

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads
shadow
shadow