adv banner
HTML and CSS  Home HTML and CSS Tutorials IFrames
rss

IFrames

Author: Lindsay Coome More by this author


IFrame Example
IFrame Example.

IFrames are different from regular frames, because unlike regular frames, IFrames can be positioned anywhere on the page, and can be any size. Example: Now copy thise code, and paste it somewhere on your page.

<div style="position: absolute; top:300; left:400"> <IFRAME src="PAGEURL.htm" name="frame" width="200" height="200" frameborder="0"></iframe></div>

Edit all of the numbers. The width and height determine how big your IFrame will be. The top and left numbers determine where the IFrame will be placed on your site. The larger the number for the top position is, the further down it will go. The larger the left number is, the further right it will go. Keep altering these numbers until you are happy with them. You also must change PAGEURL.htm to the url of your IFrame. To make a link target your IFrame (have the link come up in the IFrame) copy the code below, but change PAGEURL.htm to your preferred URL.

<a href="PAGEURL.htm" target="frame">


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Read/Add comments to "IFrames"

comments  Pilko January 18, 2008 says:
IFrames
What i like about this page is that everything in tutorials always works in practical use. Ava! :WORSHIP: