iframe.., how to set them up. Options

[*mishyerr*]

I need to learn how to use simple, simple frames. B/C I am dying, repeating the same freaking codes 10000 times when I could frame the page into a little easy box. Comprehendo? So please help me on how to do the framing .. my English webpage project is due tomorrow..

sample: pip.com

PLEASE HELP *bows to everyone

[sweetxsimplicity]

Iframes have taken over normal frames in my opinion, why? They are much easier to use, you can do fun things with them, and it looks alot nicer. I prefer I-frames, now. IFrames alows the person creating the page to display more than one webpage in a single page. They can be made to any dimensions which is a plus, unlike regular frames. To get the frames where you want on your page, you must use a technique called Div Positioning.

Getting the IFrame where you want it
To get the IFrame where you want to go, you MUST copy and paste the code below into your webpage, first:

<!-- begin code provided by createblog.com --><br /><div style="position: absolute; top:0; left:0"><br />YOU IFRAME WILL GO HERE</div><br /><!-- end code provided by createblog.com -->

Change the numbers for the values top, and left, to move the frame around the page. The larger the number for the top value, the further down your IFrame will go. The larger your number gets on the left value, the further right it will go. Somewhat confusing, but once you get a hang of it you can do many things with Div Positioning

The actual IFrame code
Replace the text "YOUR IFRAME WILL GO HERE" with the following code:

<!-- begin code provided by createblog.com --><br /><IFRAME src="YOURPAGE.html" name="frame" width="300" height="300" frameborder="0"></IFRAME><br /><!-- end code provided by createblog.com -->

The YOURPAGE.html should be replaced with what the webpage you want to view in the Iframe should be. If your using PHP, than replace it with YOURPAGE.php


This is all you need to know about Iframes. Have questions? Email Me at jessiez@pixigirl.nu

View your IFrame
test out how your Iframe looks. It should look something like below:



Targeting your IFrame
To get links to direct pages into the frame, its quite simple. Once the page is inside the IFrame, base links will automatically target the IFrame. On the outside though, when creating a link, this is how you target it,

<a href="LINKHERE" target="frame">

That code for links will always target the frames. If your in a frame, and you want your target to be out of the frame, you can use the code

<a href="URL HERE" target=_blank>