Tutorial: Iframe
Sværhedsgrad: Begynder
Skrevet d.: 14/2-2009
Skrevet af: MS

Aller først skal du starte med at lave en side, som du vil have vist i din iframe. Kald den f.eks. forside.html.

Næste punkt er at lave en side som du skal have din iframe til at være på. du kan f.eks. kalde den iframe.html.
På denne side indsætter du iframe koden, som ser sådan ud:

Forklaringer:
name="iframe": Er navnet på din iframe. Hvis du har to iframes på samme side (forside og menu) så må de ikke hedde det samme.
border="0" frameborder="0": Angiver at kanten/rammen på din iframe ikke skal vises.
src="forside.html": forside.html er den side der vises i iframen. hvis du har lavet en iframe til en menu, skal 'forside.html' skiftes ud med linket til din menu side.
target="iframe": Dette fortæller at linkene skal åbnes i iframen. Jeg synes nu det er mere praktisk at placere det i linket, så man selv kan bestemme hvilke der skal åbnes i hvilken iframe. Linket vil komme til at se sådan ud: <*a href="URL" tartet="navnet-på-iframen">tekst (obs: husk at fjerne *)
Width="200": Dette er bredden på din iframe. Lige nu er den angivet til at være 200 pixel bred. Dette antal kan ændres efter ønsket bredde.
height="100": Dette er højden på din iframe. Den kan ligesom bredden ændres til et andet antal alt efter hvor høj man ønsker den skal være.

Ønsker du gennemsigtig baggrund?
Så er der to forskellige måder at gøre det på. Du kan enten nøjes med at fjerne baggrunden, eller alt i en bestemt farve.

Den simpleste måde er at fjerne kun baggrunden. dette gøres ved at tilføjge allowTransparency="true" i din iframe.
Så kommer din kode til at se således ud:

For at baggrunden bliver fjernet, skal der indsættes en lille kode på siderne der skal vises i din iframe. (Denne kan sættes ind i dit stylesheet eller på alle de sider hvor baggrunden skal være gennemsigtig)
koden ser således ud: