Till Startsidan
JavaScript.nu hostas av Ballou.se

Skaffa webbhotell
Från 12 kr/månad.

100 kr rabatt för JavaScript.nu-
besökare.

JavaScript.nu / DHTML-kurs / Absolute & Relative

LÄR DIG DHTML
Absolute & Relative

I DHTML använder man ofta lager för att kunna flytta olika saker, t.ex. bilder och texter, runt om på skärmen. Här är ett (ganska meningslöst) exempel på ett lager:
<DIV><IMG SRC="bild.gif"></DIV>
Resultatet blir...

Man kan ge DIV-lagret olika attribut. Detta gör man med Style Sheets. Vi ska börja med position-attributen, utan denna behandlar Netscape inte DIV-blocket som ett lager. För att med Netscape se alla lager som finns på en sida, skriv about:document i adressfältet så ser du hela sidans struktur, inklusive sidans lager. Här ser du två exempel med två olika lager, den ena med position:relative och den andra med position:absolute (tryck på "Exempel 1 - Lager med relative" så öppnas ett nytt fönster med scriptet så du kan testa det).

Exempel 1 - Lager med relative
<DIV STYLE="position:relative"><IMG SRC="bild.gif"></DIV>
Här är en text som syns...
<BR>
Eller inte syns...

Exempel 2 - Lager med absolute
<DIV STYLE="position:absolute"><IMG SRC="bild.gif"></DIV>
Här är en text som syns...
<BR>
Eller inte syns...

Med position:relative kommer lagret där det skrivs in på sidan (som vanligt), med position:absolute går det att få lagret att vara "över" sidan så det täcker text och bilder, men även andra lager, som du ska se i nästa kapitel.

[DHTML guiden] - [Till kapitel 2]






Copyright © Omid Rouhani 1997-2010; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]