I-frame

Status
Niet open voor verdere reacties.
Lerosa

Lerosa

Meubilair
Lid geworden
23 jul 2001
Berichten
5.159
Hallo, wie weet wat een I-frame precies is in een website en wat kun je er allemaal mee??
En hoe werkt het??

Alvast bedankt voor eventuele reacties.
 
Hoi upsidaisy, bedankt voor je reactie, maar ik kan hier niet zoveel mee.. ik wil graag weten wat een I-frame is , en wat je er eventueel mee kunt en hoe?
 
iframe staat voor "inline frame". Hiermee kun je iets in je site invoegen wat los staat van de rest van je pagina. Het werkt het zelfde als "gewone" frames. Je kunt bijvoorbeeld een externe pagina via een iframe in voegen alsof het een onderdeel is van je eigen pagina. Wat wil je er verder nog over weten?
 
Laatst bewerkt:
Een i-frame is niks anders dan een gat in je html-pagina.
In dit gat kun je content zetten of een plaatje.
Content kan dus een ander html pagina zijn, een txt file of een andere site.
Maar ook een extern gastenboek.

Details tref je in de door upsidaisy aangedragen linken.

Door de iframe tag wordt dus een gat in je pagina gemaakt.
Dit vul je dus met de basispagina.
Vervangen van de inhoud van het i-frame doe je door dit als doel=target op te geven bij een link.
Heb je een pagina waarin je steeds dit iframe vanuit de linken wenst te benaderen, dan gebruik je
de basetag in de head. <base target="content">
Je i-frame dient wel een naam te hebben, in dit geval content.

Voorbeeld hierbij om plaatjes weer te geven.
De linken zijn gewoon tekstlinken en het plaatje verschijnt in het i-frame.

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
       </style>
<base target="content"> 
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<table  width="95%" border="1" cellspacing="0" cellpadding="4" bordercolor="#808080" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  width="150"   valign="top" ><br>

		<a href="dv-rolluiken.jpg">dv-rolluiken</a><br>
<a href="dvz_screens1.jpg">dvz_screens1</a><br>
<a href="dvz-vw-t4-wit-zijkant.jpg">vw-t4-wit-zijkant</a><br>
<a href="lad2-alles.jpg">lad2-alles</a><br>

<a href="nieuwjaar-2006.jpg">nieuwjaar-2006</a><br>

<a href="rol_aktie3.jpg">rol_aktie3</a><br>


<br>
		</td>
		<!-- Row 1 Column 2 -->
		<td  valign="top"   >
		<IFRAME id="content" name="content"  src="dv-rolluiken.jpg"  frameBorder="0" width="100%" scrolling="yes" height="600"></IFRAME>
		</td>
	</tr>
</table>


</body>

</html>

Als je bovenstaande voor het eerst in je browser bekijkt, zie je dus het gat, dit omdat het plaatje er niet is.
Vervang de plaatjes door je eigen plaatjes en het werkt.


:cool:
 
Bedankt iedereen, ik heb helemaal maar dan ook helemaal door, erg leuk zo'n I-frame:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan