layers

Den nemmeste måde at tænke på layers er nok at startem med billeder.
et billede du kan flytte rundt på så det ligger overalt i vinduet, også der hvor du har tegnet noget andet med normal html.
og som også kan flyttes frem og tilbage i vinduet så det ligger over eller under andre ting.

fordele:
  2 layers der ligger samme sted kan \"skiftes\" til at være synlige ved blot at trække det ene op foran det andet.
  det er blandt andet sådan man laver små billeder der danser rundt om musepointeren og de der menuer der \"folder sig ud\"

bagdele:
  layers placeres med pixelkoordinater. hvis brugeren fx forstørrer siden ved at bruge større fontstørrelse skal der programmeres en del for at få de layers til at ligge rigtigt.
  De er svære at printe ud. jeg kender ingen printere der kan hitte ud af at udskrive en layerside uden en masse bøvl.

Selv bruger jeg sjældent layers.

mvh JakobA

<ole>
Ak ja, og jeg kunne ikke forestille mig en dag uden layers :o)

Et lag er en container, som f.eks. <div></div> eller <span></span>. En sådan container kan du give en id, hvorefter du kan kalde den via JavaScript og ændre på dens styles, som placering, synlighed, højde, bredde, tekstformatering m.m. Prøv:

<html>
<head>
<script language=\"JavaScript\">

function vis(which) {
    document.getElementById(which).style.visibility = \"visible\";
}

function skjul(which) {
    document.getElementById(which).style.visibility = \"hidden\";
}

function flyt(which,x,y) {
    document.getElementById(which).style.left = x;
    document.getElementById(which).style.top = y;
}

</script>
</head>
<body>
<a href=\"java script:vis(\'mitLag1\');\">Vis tekst</a>
<a href=\"java script:flyt(\'mitLag1\',300,200);\">Flyt tekst til 300,200</a>


<div id=\"mitLag1\" style=\"visibility:hidden;position:absolute;\">
    Her er noget tekst...<br>
    <a href=\"java script:skjul(\'mitLag1\');\">Pr&oslash;v at skjule den.</a>
</div>

</body>
</html>

Det er en kombination af HTML, JavaScript og CSS. Denne kombination kaldes DHTML (dynamisk HTML) og er fantastisk anvendelig. Koden ovenfor er kun til den nye DOM (altså IE5+ og NS6+), så hvis det skal bruges på nettet, bør det først skrives, så NS4 og IE4 forstår det.
Du kan læse mere på:
  http://ww.dansteinman.com/dynduo/
  http://www.bratta.com
  http://www.assembler.org
Sidstnævnte er blot til inspiration ;o)

/mvh
</bole>

Du kan jo tage et kig på www.webos.dk hvis du har IE5+
Du skal have IE5+
De har lavet et slags Webstyresystem med \"programmer\" ... er selv igang med noget lign. det er meget skægt hvad man kan lave...

Okay det ser jo meget godt ud. Men det vil så sige man også skal lære lidt JavaScript?
Jeg troede faktisk at det var noget man kunne via Photoshop, altså bruge de lag man havde der, men det er nok mig der har misforstået det.
Kigger lige lidt videre.

Er det mig der havde misforstået det med photoshop?

Ja, men du er langt fra den første  :o)

De lag, du bruger i Photoshop, er en hjælp til at lave billeder. De svarer til, at du lægger en glasplade over et billede. På den glasplade (dit lag) kan du så lægge anden grafik og flytte rundt med det.
De kaldes lag og det gør de lag, vi bruger indenfor dynamisk HTML også. Disse er dog et layout (og funktionallitets-) værktøj til brug ved kodningen og afviklingen af sitet, og har intet med Photoshop\'s lag at gøre.

Et uheldigt sammenfald af betegnelser  ;o)
/mvh

Mange tak for hjælpen begge to. Så må jeg lige finde ud af om det er noget jeg vil gå i kast med.

Hvis du kan lide at rode med HTML og JavaScript, er det klart noget, du bør se på - det har masser af muligheder og er squide sjovt at lave  :o)
/mvh