Rows, Nests, and Borders

Now that you know how to control the size of frames, how can you make them vertical instead of horizontal? For example, instead of a navigation menu on the side, you want a frame on top to place your ad banners in. This is easily accomplished by modifying the frameset tag to specify rows instead of columns:

This sample will generate a three row frame beginning with a 60 pixel high banner frame on top, a 20 pixel footer at the bottom, all surrounding the rest of the main page. Just don't get carried away, we'll talk about do's and don'ts later.

Nesting Frames

It is possible to include both rows and columns on your framed page. Imagine in your mind the examples we have explored so far. You can create a page that has a navigation menu on the left, a banner ad title area at the top, and your main content display frame on the remainder of the page. To do this, include a frameset within another frameset. This technique is known as nesting, and is also commonly found in tables. Let's examine a nested frame sample:

Interpreting the tags above, the banner frame is created first. Then, instead of placing a regular frame for the bottom window, a second frameset is inserted that splits vertically into two more frames. The frame on the left represents the navigation menu, and the frame on the right is the main content area. Using nested frames there are infinite possibilities, but again don't go overboard! A conservative layout is nearly always best.

More Attributes

By default, frames will be surrounded by ugly borders. They will also be resizable, which means all your hard work making the frames have just the right layout will go down the drain when your visitor resizes them. Basically, you add the following four attributes to each HTML tag within the frameset: "border=0 frameborder=0 framespacing=0 noresize". Of course, if you want borders, you can change to non-zero values. Use what works best for you.

Continue With Linking It All Together

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.

    

Site Map

 

 

 

Base your fashion sense on what doesn't itch.

 

 

 

Was this site useful to you?