Homepage » Tutorials » HTML & CSS » I-frames

I-frames

Info
Door:	Rick	Moeilijkheidsgraad:
Geplaatst op:	08-02-2004	Reacties:	32(Bekijken)
Views:	52326 (gem. 21.7481 per week)	Log in om zelf te reageren
		Waardering:	7.6/10 (5 stemmen)

Als je de cursus al helemaal gevolgd heb, weet je al dat je met HTML zogenaamde frames kunt maken. Een soort pagina in een pagina, als het ware. Erg handig, maar sommige dingen zijn wat lastiger met frames. Wil je dit maken:

Inhoud

Verhaaltje

...dan is een frame erg handig. Maar dit is al lastiger:

Pagina in een pagina

Gelukkig is hier ook iets op bedacht, het zogenaamde i-frame. Eerst maar even een voorbeeld:

Best handig, zo'n i-frame. We gebruiken er de <iframe> tag voor, die we natuurlijk afsluiten met </iframe>. Hierbinnen geven we de eigenschappen van het iframe op. De eerste is de bron van het iframe. Wil je bijvoorbeeld www.zomaareensite.be inframen, dan doe je dat zo:

Verder kun je de grootte opgeven. Wil je, zoals hierboven, een frame van 500 breed en 60 hoog, dan doen we:

Dan is er nog de rand. Want net zoals bij een 'gewoon' frame kunnen we ook hier de randen van het frame opgeven. Dit gebeurt gewoon weer met border="x"

Vervolgens kun je opgeven of er gescrollt mag worden of niet. Wanneer je een iframe van 200 hoog maakt, en je laadt daarin een pagina van 250 hoog, zijn er schuifbalken nodig. Die krijgen we met sroll="yes". Wil je ze liever niet? dan wordt die yes natuurlijk een no. Dit geldt natuurlijk ook voor scrollen in de breedte.

«Lijsten maken Formulieren maken »

32 reacties

juliusjk Geplaatst op 17-12-2008 om 15:21

Regular laat maar. ik heb de fout al gevonden:
<iframe> src="" height="15" width="20" border="0" frameborder="0" scrolling="no"></iframe>
een > te veel...

juliusjk Geplaatst op 14-12-2008 om 19:01

Regular Ik heb geschraven:

<html>

<head>
<title>
Menu
</title>
</head>

<body bgcolor="FFF000">
<iframe> src="" height="15" width="20" border="0" frameborder="0" scrolling="no"></iframe>
<font face="chiller" color="#000FFF"><h1>Menu:</h1>
<h2><a href="Eerste_site.html" target="site">Home</a><br/>
<a href="Leuke_sites.html" target="site">Links</a></h2>
</font>
</body>

</html>

vreemd genoeg is mijn iframe niet de grootte die ik scheef...
iemand enig iedee waarom???

joevan74 Geplaatst op 04-11-2006 om 10:13

Regular je kan natuurlijk ook <center><iframe.... da staat ie ook in het midden niet ??

DumbDoll Geplaatst op 16-06-2006 om 09:23

Regular Om dat te doen ga je met CSS werken. Dat zijn HTML codes die je in de HEAD van je pagina plaatst (Dus niet in de BODY!). Alles wat je hoeft te doen is de CSS code hiervan in de pagina plaatsen die in je I-frame komt. Deze pagina zal nu de achtergrondkleur (of het achtergrondplaatje) van je pagina laten doorschijnen.

CODE::

<style type="text/css">body,html{background-color:transparent;}</style>

(info heb ik ook maar ergens van een site gejat. :/)

marientje Geplaatst op 15-01-2006 om 17:55

Regular Ik maak dus altijd gebruik van iframes, maar hoe krijg je ze transparant? Heeft iemand die code daarvoor?

@XxMichiexX: Dit is gewoon een code, moet je zelf even aanpassen <a href="ik.htm" target="blog">ik</a>
ik.htm is de link waar je dan op klikt in het menu. Blog is dat waar de tekst komt, moet je even veranderen in hoe het bij jou heet!

Rogier Geplaatst op 08-12-2005 om 20:00

Regular @ bytez: Je kan je Iframe in het midden zetten door de volgende code: <iframe SRC="HIER JE URL" align="center"></iframe> Je kan achter align ook bijv. "right" zetten.

@ XxMichiexX: Wat jij bedoelt zijn 'gewone' frames denk ik. Daarmee heb je zeg maar 2 pagina's op 1 pagina. Daarmee kan je bijv. zorgen dat de rechterpagina wel veranderd als je in de likerpagina op een link klikt, maar de linker pagina gewoon blijft staan. Voor uitleg hierover moet je even naar de cursus frames maken kijken (staat op de vorige pagina ook in het rijtje)

XxMichiexX Geplaatst op 08-12-2005 om 18:10

Regular hoi,
Ik heb 2 I frames naast elkaar in het midden, maar wat voor code moet ik gebruiken om in het 2e frame mijn tekst te krijgen? Ff een voorbeeld: in het menu (1e frame) wil ik op hobby's klikken, dan moet er in het 2e frame de site van hobby's verschijnen. Maar wat voor code moet ik dan gebruiken? Ik heb heel snel antwoord nodig want ik moet deze site binnen een week insturen voor school...
Alvast bedankt!

Bytez Geplaatst op 02-11-2005 om 17:22

Regular Ik ben net begonnen, heb de tutorial gelezen, maar kan nergens vinden hoe ik een i-frame bijv in het midden van de pagina zet.. Misschien heb ik er over heen gelezen, als iemand me dit kan vertellen! graag

Silk Geplaatst op 28-10-2005 om 14:53

Regular deze heb ik verwijderd. Heb ik ondertussen gevonden... ;-)

Silk Geplaatst op 28-10-2005 om 14:37

Regular Hallo daar!

allereerst proficiat met een hele goede, overzichtlijke website! Ik zet zelf mijn eerste pasjes in het web-wereldje, en daar help jij me goed mee!

Ik tracht momenteel enkele i-frames naast elkaar te plaatsen. Graag zou ik werken met procenten; dwz geen vaste waarden om ze te positioneren, maar relatieve? Is dit mogelijk? Ik ben ook aan het bronselen om te proberen deze i-frames een leuker uitzicht te geven. De scrollbar kon aangepast worden in gewone frames, maar kan dit ook in i-frames? Zo ja, kan u me zeggen hoe?

Alvast bedankt!

Yoo-Rik Geplaatst op 31-07-2005 om 18:09

Regular Srry vorige vraag kon ik eigelijk zelf beantwoorden, maar bedankt voor het antwoordt alles werkt tot nu toe goed, op een klein dingetje na, kan ik met een (1) link code in 2 verschillende iframes een pagina openen of moet ik dan 2 codes achter elkaar zetten, heb al vanalles geprobeert maar het werkt niet zo als ik het wil. Als iemand ook maar een klein weetje hierover heeft, reageer dan AUB.

Yoo-Rik Geplaatst op 30-07-2005 om 19:34

Regular Dus die link code is de Hyperlink, om het maar simpelweg te zeggen, zet ik die link code dan in de navigatie en link ik dan van de pagina naar het iframe???

Onbekend lid Geplaatst op 26-07-2005 om 19:07

Spammer

ja hoor, werkt met targets... geef je iframe een naam

#	Code
`1`	`<iframe src="http://www.zomaareensite.be" height="60" width="500" name="NaamVanIFrame"></iframe>`

en dan de link code

#	Code
`1`	`<a href="paginanaam.htm" target="NaamVanIFrame">Deze pagina opent in het iframe</a>`

Yoo-Rik Geplaatst op 26-07-2005 om 15:15

Regular Ik heb eigelijk dezelfde vraag als Dizee, in principe zou het mogelijk moeten zijn lijkt me, maar mijn vraag is dan of ik de i-frame een naam moet geven en dan steeds naar de i-frame moet linken met een hyperlink, en hoe doe ik dat in Microsoft Frontpage, of werken jullie daar liever niet mee???

DiZzee Geplaatst op 28-05-2005 om 23:54

Regular is het ook mogelijk om 1 standaart pagina (met layer en links etc) te hebben en dat je dan alleen de i frame zou kunnen laten vervangen als er op een link word geklikt zodat de bezoeker niet heel de tijd de standaart pagina hoeft te laden ??

Tovenaar Geplaatst op 06-04-2005 om 11:41

Regular weet iemand hoe je in de plaats van een site een tekst kan schrijven in een i-frame

immer Geplaatst op 01-04-2005 om 13:03

Regular Kan je i frames bewerken?
En kan je er 2 plaatsen onder elkaar maar dat ze overlopen in 1 pagina.
Ik wil namelijk 2 weerstations in 1 pagina plaatsen zondar dat je het idee krijgt dat ze apart zijn.
Wie kan mij helpen?

Onbekend lid Geplaatst op 16-03-2005 om 22:07

Spammer

dit is de code

#	Code
`1`	`<iframe src="http://www.websitemaken.be" height="60" width="500" border="3" frameborder="3" scrolling="yes"></iframe>`

letterlijk zoals hij in de cursus staat, meer is er niets aan uit te leggen, probeer gewoon uit...

niels_beckers Geplaatst op 16-03-2005 om 21:46

Regular ma leg et nu is uit want ik heb de hele cursus OPNIEUW geleze en ik wee het nog steeds niet :s

Onbekend lid Geplaatst op 16-03-2005 om 18:22

Spammer als je nu eens de moeite had gedaan om de cursus te lezen had je nu je eigen vraag kunnen beantwoorden.

niels_beckers Geplaatst op 15-03-2005 om 21:22

Regular ik zou graag zo een frame hebben als de 2de foto maar hoe moet dat? kan je me dat geven aub?

moon Geplaatst op 20-02-2005 om 14:51

Regular Ik heb hetzelfde probleem als G�nther Peeters. Alleen dan opent hij niet in _self maar in _blank. Snap er niks van

HotMan Geplaatst op 17-02-2005 om 16:16

Regular Hoe kan je een iframe op een plaatje zetten, en ergens waar ik wil op de pagina.
alvast bedankt

DePaus Geplaatst op 08-02-2005 om 20:27

Regular Als je geen horizontale scrolling wil kan je proberen om eens te kijken naar de eigenschappen van je I-Frame.Bij mij kan ik daar vinden :Scrollbars en daar kan ik kiezen tussen 3 dingen; Never,if needed en always. Als je dit gevonden hebt moet je kiezen voor : If needed.
Ik had ook eerst dit probleem.
(ik werk met frontpage versie 2003,vind je niet wat ik allemaal vertel omdat je niet met hetzelfde werkt,dan kan ik je ook niet meer helpen.
Greetzn

Onbekend lid Geplaatst op 01-01-2005 om 21:56

Spammer in de link van site2 target="_top" (=naam van het iframe) vernoemen

lucas Geplaatst op 22-12-2004 om 20:55

Regular wie kan me vertellen hoe ik een fotow of bewegend plaatje in het midden van mijn website kan zetten want ik ben nog niet echt kzo bekend met html :S

rogier.slag Geplaatst op 01-07-2004 om 16:36

Moderator als dat je twee reacties lager had gekeken wist je het antwoord al. I-frames worden net zo benoemd als frames en erwordt net zo naar gelickt

pinkyboy Geplaatst op 30-06-2004 om 08:59

Regular kan je die i-frames dan net zoals gewone frames een naam geven en er naar linken,want dit staat hier toch niet bij vermeld?!
en zoja,hoe dan (of is het gewoon hetzelfde als bij frames?)

Nibbler Geplaatst op 24-06-2004 om 15:18

Regular thx... da ben ik al heel lang aan het zoeke ze

rogier.slag Geplaatst op 23-06-2004 om 20:50

Moderator

zet in de tag van je I-frame

#	Code
`1`	`style="repeat:repeat-y"`

als je ipv y x zet kan je alleen maar horizontaal

Nibbler Geplaatst op 23-06-2004 om 20:06

Regular ik heb een klein vraagje... op mijn site heb ik een i-frame gezet en het probleem is dat ik alleen maar verticale scrolling wil... hoe kan ik dit doen zonder dat de horizontale scrollbar zichtbaar is?

Rick Geplaatst op 17-05-2004 om 00:05

Webmaster Fuse,

Zoek even rond op de site, dan vind je die pop-up tutorial zeker.

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!

Check je domein...

Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be