I-frames

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:67.423Reacties: 32(Bekijken)
  Log in om zelf te reageren
 Waardering:8/10 (6 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




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:

<iframe src="http://www.zomaareensite.be"></iframe>

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

<iframe src="http://www.zomaareensite.be" height="60" width="500"></iframe>

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"

<iframe src="http://www.zomaareensite.be" height="60" width="500" border="3" frameborder="3"></iframe>

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.

<iframe src="http://www.zomaareensite.be" height="60" width="500" border="3" frameborder="3" scrolling="yes"></iframe>

«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
Avatar van DumbDoll

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
Avatar van marientje

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!

Pagina 1 2 3 4 5 6 7 

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


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder