What’s an iFrame and what is it good for? Can we have one iFrame on a page but a different page loads in depending on the link that was clicked by the visitor? What I am trying to do is have a list of newspapers and upon clicking on a name that paper’s page would load in the frame then another and so on.

Chapter 1: iFrames
1.1 What is an iFrame?
1.2 How does it work?
1.3 How can I customize the look of an iFrame?

Chapter 2: Is it possible to have one iFrame and multiple pages loading in it?
2.1 Building the menu
2.2 Building the area where the content displays

Chapter 1: iFrames

1.1 What is an iFrame?

An iFrame is used to embed content in a page which is not part of the content of the page itself but is stored elsewhere. As an example you could embed a Guestbook provided by a third party Guestbook service into one of your pages or a Forum, a document and more.

1.1 How does it work?

The way it works is pretty easy. All you need to do is copy the following code:

and change the URL, width and height, broder width (if any), border color (if any), border-style (if any), scrolling auto, to fit your case.

1.3 How can I customize the look of an iFrame?

Here’s how to customize the look of the iFrame:

Change the width and height parameters to fit the content. Since people generally don’t like to scroll horizontally the width of the iFrame should fit the width of the content you would like to embed (sizes have to be a bit larger when a scrollbar displays).

Change the number of pixel in the border-width if you want a border to display and have it larger or smaller. If set to zero no border will display.

Change the HTML color designation of the border. There’s a 6 character alpha-numeric code for the color. Remember to put # in front of it. You find those code at the following page:
http://www.w3schools.com/html/html_colors.asp

For different border-styles have a look at the following page:
http://www.w3schools.com/css/tryit.asp?filename=trycss_border-style

Set scrolling to “yes” if you want it, “no” if you don’t want it and “auto” to have it appearing only if needed.

Chapter 2: One iFrame and multiple pages loading in it?

That can be done by making a menu and an area in which the selected content displays.

2.1 Building the menu

If you want to have the links displaying horizontally instead of vertically all you have to do is remove the

tag at the end of the lines. You may also want to add “ – “ to increase the space between the links.

If you want to have an image displaying instead of the text for the links simply replace the text with:

urloftheimage: Put all the images you want to use for menus in a folder on your desktop. Upload the folder containing your images to your server (example: create a Folder named MenuImages. Upload the folder containing the images you want to use in the menu to the main location (root) of your server
Entering: http://yourbaseurl.com/MenuImages/filename.jpg in your browser should bring up this file.

2.2 Building the area where the content displays

Choose a poem from the following menu:

The clochard The vagabond
The sun only shines
She’s a princess

Read Chapter 1.3 to know how to customize the iFrame.

Note: if you put in an iFrame a page of a website made by someone else the webmaster of that website will perceive it as if you were stealing his content which is something you should really avoid.