HTML Tutorial


 /help/HTML Help Forum   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
iframe code
Post new topic   Reply to topic    HTML Help Forum -> General HTML
View previous topic :: View next topic  
Author Message
ifizzypop



Joined: 08 Sep 2008
Posts: 2
PostPosted: Mon Sep 08, 2008 9:37 am     iframe code Reply with quote
so i want to make a layout sort of thing and i want to use a iframe to do it, i want the code to changes the links thats going on in the iframe from a navigation box im really really new to HTML Embarassed infact im really really crap at it so plz make it really simple for me to understand. sorry if you dont understand what i mean Confused
holyheck



Joined: 31 Aug 2008
Posts: 9
Location: London, UK
PostPosted: Tue Sep 09, 2008 4:31 pm     Reply with quote
These sections of code go between the body tags of the page that you want the iframe in. Obviously you will need to position the containers and resize the iframe to suit your own requirements.
Code:

<div id="content">

<iframe name="FRAME1" src="YourOpeningPage.html" width="350" height="320" frameborder="0" scrolling="auto"></iframe>

</div>


This is an example of a link to open a new page in your iframe. It will link to Google's search page, but you can make your own page/s to suit and add more links to them. Remember, you cannot link an iframe to a page that isn't your own without prior permission.
Code:
<div id=link_1>

<a href="http://www.google.com" target="FRAME1">Google</a>

</div>


Your second link would look something along the lines of this.
Code:
<div id=link_2>

<a href="MySecondLinkPage.html" target="FRAME1">My Second Link</a>

</div>
and so on, and so on...


Your iframe's 'name' "FRAME1" and your link's 'target' need to match precisely.

If you need further advice on iframes, this site has a pretty good tutorial.

I hope this helps.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum -> General HTML All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
DARFUR
Get a Stop the Genocide poster at SaveDarfur.org.
Also see Eyes on Darfur.
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial