Navigation Button


Frames 103

Love 'em or hate 'em, frames are an integral construct in site building. Done right, frames can be an effective navigational tool. Done wrong, you'll incur the wrath of everyone who visits your site, once.

When using frames, it's important to remember that not all browsers can handle them. Frames haven't been around since the beginning of HTML, so only Internet Explorer 3.x+ and Netscape 2.x+ support them, but many surfers still use older browsers. For this reason, it's a good idea to give viewers the opportunity to select a non-frames version of your site.

Frame-Up Frames divide a page into panels or sections, each containing another page or HTML file. By using frames you create a simple and consistent means of navigation that allows you to take your visitor anywhere on the site from the same central location. A framed page is actually what is called a Frameset. This set contains the placement and size information that determines the individual frames that make up the page. Each frame is its own separate HTML file, and the URLs of these files form the frameset. When designing the frameset, consider what you want to accomplish. Think first of how it's going to work, then how it's going to look.

OK, Enough Talk. How Does It Work?

 <frameset cols="22%,*">
 <frame src="navigation.html">
 <frame src="main.html">
 </frameset>

Simple, huh? Well, that's everything you need to know about frames. No? Alright, just kidding. Here's what the above frameset means. It is a two column set featuring a frame for navigation on the left taking 22% of the page width, and the main area frame to its right using the rest (indicated by the *) of the available page width. Place framesets in the <HEAD> section of your primary entry page.

When defining and rendering frames as columns, the browsers parse and order the <frame> tags from left to right. Switching the size attributes of the <frameset> tag and the order of the <frame> tags will reverse the display of the columns on the page. You may also specify frame widths as actual pixel sizes rather than as a percetage of page width. This method gives you more control over absolute layout. Remember that not everyone sizes their browser window the same. To make the above frameset display the navigation frame as 130 pixels rather than 22% of page width, code the tag <frameset cols="130,*">.

Continue With Frames as Rows

previous page     top of page     next page

The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said.

The hierarchical menus were created using Peter Belesis' © Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.

Our Lovely Email Icon    another darn bug






Site Map

 

 

 

If your left hand doesn't know what your right hand is doing, you should consider running for a job in Washington.

 

 

Was this site useful to you?
Vote For Us at WebbieWorld

 

Copyright © 1997-present Internet Brothers. All Rights Reserved. Really.