Till Startsidan
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-2022; Alla r�ttigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]