Frames

oktober 4th, 2009 Skriv en kommentar Gå till kommentarer

Så kommer vi då till den ädla konsten att använda frames. Att använda sig av frames kan vara en bekväm lösning, inte alltid den bästa dock.

En hemsida kan vara uppdelad i flera olika frames, på svenska, ramar. Varje ram har sedan en sökväg till en html-sida som den visar inom sin ram. Så egentligen kan man säga att när en sida delas upp i olika frames fungerar den som en. Den vet antalet frames, vilken sida som ska synas var och hur stora de ska vara. Innan vi börjar vill jag påpeka att det är noga att tänka igenom hur du vill att sidan ska vara indelad, det sparar mycket arbete.

Så låt oss göra en enkel sida där vi har två frames.

<html><head><title>busbra.nu</title></head>

<frameset rows=”*” cols=”200,796″>

<frame src=”left.html” name=”left”>

<frame src=”main.html” name=”main”>

</frameset>

<noframes>

<body>

Tyvärr stödjer inte din webbläsare frames.

</body>

</noframes>

</html>
<frameset rows=”*” cols=”200,796″>

Frameset är starttaggen för dina frames, i denna bestämmer du hur det ska se ut. Här har det bestämts att det inte ska finnas några rader (rows=”*”). Men däremot ska det finnas två kolumner som är 200 respektive 796 pixlar breda. Jag skulle också kunna skriva storleken i procent.

<frameset rows=”*” cols=”25%,75%”>

Den första framen kommer alltså att ta upp 25% av skärmen när sidan visas.

Sedan kommer själva sökvägen till vilken fil som är aktuell att visas i just den framen. Jag vill att den framen som är till vänster ska ha en orange bakgrund. Alltså har jag först gjort en sådan sida som jag döpt till left.html. <frame src=”left.html”> Men för att webbläsaren ska kunna skilja på mina olika frames måste jag också döpa den till något, det gör jag genom name=”framens namn”.
<frame src=”left.html” name=”left”>
Därefter har jag gjort likadant när jag låter min framesida hitta till filen main.html. Resultatet av min framesida ser du om du klickar på länken nedanför.

Detta blir resultatet av koden ovan.

Om du inte vill att det ska synas någon ram runt dina ramar lägger du bara till attributet BORDER=”0″ i din frameset-tag.

Här nedanför har jag satt ihop några frames för att du ska få se hur dom kan se ut. På varje sida finns koden över hur det är uppbyggt!

  1. Inga kommentarer än.
  1. Inga trackbacks än.