Home » Technology » HTML Lessons » Frames - part 2

Frames - part 2

© Oisin Prendiville

This month I will be continuing with the "frames" tutorial. If you haven't read last months article yet then you should read it first. @ http://www.suite101.com/article.cfm/html...

Last month I showed you how to frame two documents so as they would appear in the same window. You did this by using frames. You wrote the separate documents first and then you created the master document that laid out the page.

I should stress that if one column is called "red.htm" and the other is "blue.htm" and the master document is called "index.htm", you must open "index.htm" in order to see the columns side by side.

This month I will show you how to have pages with more than two frames.

This can get a bit more complicated but I will show you the easier examples first. If you want three rows or three columns the code is just as simple as last months but its when you want a combination that things get a little bit more complicated.

Firstly I will tell you how to put in three or more rows or columns. Although you might not have realised it last month you actually specify how many rows or columns you want in the <frameset> tag.

When you wrote <frameset rows"*,*"> you were telling the browser to set aside space for two frames, laid out in rows, which are of equal size. If you wrote <frameset cols="*,*"> you would be telling the browser to set aside space for two frames, laid out in columns, which are of equal size.

How am I asking that, you may ask? The "frameset" part tells the browser the browser that you want to lay out frames, the "rows" part says that you want to insert rows of frames (or "cols" would say columns). Finally the "*.*" past says that you want two frames each of equal size. If you want three frames of equal size you could write <frameset rows="*,*,*"> or if you want five columns of equal size you could write <frameset cols="*,*,*,*,*">.

In a later article I will let you know how to insert frames that are not all of equal size but since you are still learning this way is best for now.

So now you know how to insert more than two frames but only if they are of the same type (i.e. all rows or all columns). The next method I will let you know about is a grid-like layout.

The copyright of the article Frames - part 2 in HTML Lessons is owned by . Permission to republish Frames - part 2 in print or online must be granted by the author in writing.