IFRAME CSS HTML HANDLEIDING

Wat is iframe in html?

Laatst bewerkt : 2007-11-04

Inhoud die op meerdere pagina's gelijktijdig moet veranderen

Als je website of blog uit meerdere pagina's bestaat. Kan het handig zijn dat je een soort van overzicht menu pagina maakt en deze op iedere pagina toont.
Zoals je als voorbeeld hier links van deze bladzijde kunt zien.

Dit omdat de meeste mensen op uw blog komen via de Google zoekmachine. En als uw website of blog over meerdere onderwerpen gaat, kan je dat op deze manier aan uw toevallige bezoekers duidelijk maken.

Optie 1 is om zo'n menu overzicht op iedere pagina aan te maken. Maar het nadeel is dan als je site bvb 100 pagina's heeft dat je deze alle 100 dan moet aanpassen als er iets in het menu verandert.

Maar daar is dus een oplossing voor.

De iframe gebruik:

Met de iframe kan je de inhoud van een tweede pagina tonen op de eerste pagina. Je kan dus een aparte pagina maken met daarop uw menu en deze menu pagina via een iframe tonen op al uw andere webpagina's. Als er dan iets veranderd in het menu, moet je slechts 1 pagina aanpassen en deze aanpassing is dan automatisch zichtbaar op al de andere pagina's.

Hoe pas je dit nu toe?

Binnen de body van uw HTML pagina zet je volgende code op de plaats waar je de iframe wilt hebben.

<iframe src="menu.html" frameborder="1" height="1035" width="168" scrolling="no" name="sidemenu"></iframe>

betekenis:

iframe = start van onze frame
src="menu.html" = de naam van uw menu bestand dat je wil tonen in de iframe
frameborder="1" = de dikte van de kader rond de iframe
height="1035" = de hoogte
width="168" = de breedte
scrolling="no" = (of yes) = als de pagina die je in de frame toont grooter is dan de frame moet je scrollbars tonen zodat de gebruiker kan scrollen in het menu.
Name="sidemenu" = de naam van het iframe. Dit heb je enkel nodig als je bvb meerdere menu's hebt (bvb per hoofdonderwerp" en je wilt dat deze andere submenu's openen binnen dit iframe dan geef je in de links als target deze naam op.

Bvb :

<a class="type3" href="index.html" target="_top"><font size="-1">HOME Nl.</font></a>

Als bovenstaande link in uw menu.html staat zal deze index.html openen in het TOP document. Dat is de pagina waarop het iframe stond.

<a class="type3" href="index.html" target="sidemenu"><font size="-1">HOME Nl.</font></a>

Als het er zo staat zal deze link index.html openen binnen de iframe met de naam sidemenu.

Als je een iframe maakt die even breed is als uw pagina met de bedoeling om de rest van de tekst eronder te zetten dan kan je dit zo toepassen.
Maar als je een lange smalle iframe aan de kant hebt en je wil dat de tekst ernaast komt dan moet je gebruik maken van enige CSS code.

Bvb :

<div style="margin: 5px 0px 5px; float: left; padding-right: 5px;" > hier uw iframe code zoals hogerop beschreven </div> hier de tekst die ernaast moet komen.

Bovenstaande zorgt ervoor dat uw iframe links zweeft. Verwissel de woorden left en right als je een rechts menu wenst.

Ik hoop dat je deze info nuttig vond en dat het duidelijk is.

Commentaar kan je geven via één van de onderstaande sociale nieuws sites :

of zendt een link via email :

Made with : Social bookmark generator

related:

Social Bookmark Generator (online SB Generator) Maak online met een paar klikken uw html code aan.
email vanuit je site met de juiste url - en css uitklap effect
pagerank (English) Wat is het en hoeveel is de uwe. (ook uw alexa rating)
online computer kopen Voordelen - nadelen.
laptop online kopen Voordelen - nadelen.
Gratis online TV - film kijken Het alternatie voor betaalde digitale TV op je laptop
Gratis vista software downloaden (ook XP) voor je laptop
Geld verdienen met uw site
Monetize your blog
goedkoopste lening - goedkoopste hypotheeklening
Je wil een laptop kopen zonder geld : lening op afbetaling
Alles over geld geld-index-sitemap

backlink naar deze pagina : iframe css info - backlink

InfoNosity English HomePage