<![CDATA[
Sorry, you need a frame viewer for full support.<BR>
Click here to listen to <A HREF="hyglorious.mid">"Glorious is Thy Name</A>.
<!-- http://www.friendshipbaptistchurch.com/hymnal.html -->
<!-- html frames
Frames allow for multiple ".html" documents to be displayed inside of one browser window at a time. This means that one page has no content on it, but rather tells the browser which web pages you would like to open. With the addition of CSS and PHP, frames have become outdated, but if you wish to use them, read on.
frames - a generic frame page
Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page is then opened on the content page. Here is a classic example of a basic "index" frameset with a menu on the left and content on the right.
HTML Code:
<html>
<head>
</head>
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
Frame Set:
Here's the example: Frame Index
frameset - The parent tag that defines the characteristics of this frames page. Individual frames are defined inside it.
frameset cols="#%, *"- Cols(columns) defines the width that each frame will have. In the above example we chose the menu (the 1st column) to be 30% of the total page and used a "*", which means the content (the 2nd column) will use the remaining width for itself.
frame src="" -The location of the web page to load into the frame.
A good rule of thumb is to call the page which contains this frame information "index.html" because that is typically a site's main page.
adding a banner or title frame
Add a row to the top for a title and graphics with the code as follows:
HTML Code:
<html><head></head>
<frameset rows="20%,*">
<frame src="title.html">
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
frameset rows="#%, *"- rows defines the height that each frame will have. In the above example we chose the new title (the 1st row) to be 20% of the total page height and used a "*", which means that menu and content (which are the 2nd row) will use the remaining height.
frameborder and framespacing
You probably noticed those ugly gray lines that appear between the frames. It is possible to remove these and manipulate the spacing between frames with frameborder and framespacing. These attributes appear within the frameset tag.
Note: Framespacing and border are the same attribute, but some browsers only recognize one or the other, so use both, with the same value, to be safe.
frameborder="#" - A zero value shows no "window" border.
border="#"- Modifies the border width, used by Netscape.
framespacing="#" -Modifies the border width, used by Internet Explorer.
Here's an example of the same frameset without the borders.
HTML Code:
<html><head></head>
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
<frame src="title.html">
<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
Frame Borders: -->
</body>
</html>
]]>