©ilj@flowsim.se
HTML på svenska:IFRAME
 


kod & förklaringar längre ner



ViSA ANDRA SiDOR i iFRAME:en:
sida 1
sida 2
sida 3
sida 4
sida 5
ViSA ANDRA BiLDER i iFRAME:en:
en bild
 


 
SKAPA EN iFRAME
Den HTML-tagg som behövs för att skapa en IFRAME som ser ut som den här ovanför ser ut så här:
 
<IFRAME SRC="i_iframe.html"
   NAME="
min_iframe"
   SCROLLING="
yes"
   FRAMEBORDER="
1"
   NORESIZE
   WIDTH="
200"
   HEIGHT="
400"
   MARGINWIDTH="
10"
   MARGINHEIGHT="
10">
</IFRAME>

 
Efter SRC skriver man namnet på den fil som ska visas i IFRAME när sidan laddas.
 
Namnet efter NAME används tillsammans med TARGET om nytt innehåll ska visas i en IFRAME.
 
En länktagg kan då se ut så här:
 
<A HREF="ny.fil"
   TARGET="
min_iframe">visa ny fil i IFRAME</A>
 
Efter WIDTH och HEIGHT bestäms bredd respektive höjd i pixel.
 
NORESIZE betyder att det inte går att ändra storlek på IFRAME:n.
 
yes efter SCROLLING betyder att IFRAME:n förses med rull-list även om det inte behövs. Alternativ: yes, no eller auto.
 
FRAMEBORDER="1" skapar en ram runt IFRAME:n, FRAMEBORDER="0" resulterar i en IFRAME utan ram.
 

 
 
I övrigt bestäms exemplets IFRAME av en stilmall som bl a förser IFRAME:n med en svart, 10 pixel bred och nersänkt ram. Så här ser stilmallen ut:
 
<STYLE TYPE="text/css">
IFRAME{
border:inset black 10px;
margin:30px;
}
</STYLE>
 
 
ViSA ANDRA SiDOR i en iFRAME:
En länktagg kan se ut så här:
 
<A HREF="nysida.html"
   TARGET="
min_iframe">visa ny fil i IFRAME</A>
 
 
ViSA BiLDER i en iFRAME:
En länktagg kan se ut så här:
 
<A HREF="bild.gif"
   TARGET="
min_iframe">visa ny bild i IFRAME</A>
 

 

 

 
DIV med rullist (scrollbar)?
Man kan också använda DIV-taggar och en stilmall för att skapa en yta med rullista (dvs. en sorts iframe). Mer om det under rubriken stylesheets och overflow.
 
MER om RAMAR (FRAMES):
om ramar 1 ("flerdelad" hemsida)
exempel: hemsida med två ramar
mer om ramar
 

Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 

 
Senast ändrad 22 mars 2004
 
Den här sida hör hemma i ett ramsystem
hos:
www.flowsim.se