Avatar billede tommer Nybegynder
27. august 2002 - 23:35 Der er 12 kommentarer og
1 løsning

hjælp til lag

jeg leger lidt med at lave lag.
de har :
style="position:absolute; left:164px; top:34px;

spørgsmål: hvilke andre muligheder er der for position med et lag ??
Avatar billede jakoba Nybegynder
27. august 2002 - 23:45 #1
style="position:relative; left:164px; top:34px;"
    så bliver positionen beregnet i forhold til det elementet ligger bagefter.

men prøv det af selv:

<style type='text/css'>
.t100v40 {
    position:relative;
    left:40px;
    top:100px;
}
</style>

<div class='t100v40' style="background:#0000FF">
  <div class='t100v40' style="background:#0080FF">
    <div class='t100v40' style="background:#00FFFF">
      <div class='t100v40' style="background:#80FFFF">
        <div class='t100v40' style="background:#FFFFFF">
          hejsan
        </div>
      </div>
    </div>
  </div>
</div>

det er ofte meget nytting og informativ at lave sådan nogen små testsider.

mvh JakobA
Avatar billede tommer Nybegynder
28. august 2002 - 08:29 #2
helt kannon jacoba, men er der så kun absolute og relative ??
men hvad mener du med "ligger bagefter" ?
Avatar billede jakoba Nybegynder
28. august 2002 - 08:53 #3
absolute og relative er de eneste såvidt jeg ved.
'ligger bagefter' betyder 2 ting:
ovenfor er det 'efter begyndelsen af den html container denne kommando ligger i"
det kan også være "efter det html-element der ligger foran i koden"

  <p>hejsan</p>
  <div class='t100v40' style="background:#FFFFFF">
    denne div ligger efter p-kommandoen.
  </div>

style="position:relative;top:0px;left:0px"  er default når man bare skriver html-kommandoer efter hinanden som i gid gammel html. ved at sætte tal i top og left skubber vi så det der vises lidt længere væk fra det foran. (der kan også sættes negative tal i top og left  style="position:relative;top:-40px;left:-80px"

mvh JakobA
Avatar billede pelkjaer Nybegynder
28. august 2002 - 08:53 #4
Der er også

fixed
normal
static

dog kender NS4 kun absolute og relativ, IE4 kender kun absolute, relative og static.

Alle sammen undtagen static er CSS2 - men static og normal virker på samme måde.
Avatar billede tommer Nybegynder
28. august 2002 - 08:54 #5
tak begge to...
Avatar billede jakoba Nybegynder
28. august 2002 - 09:04 #6
Ups, så tag det lige med et gran salt der jeg påstår at 'relative,0,0' er default. mon ikke det snarere er 'normal' der er default.
Avatar billede pelkjaer Nybegynder
28. august 2002 - 09:11 #7
Faktisk er default value:

IE4: static
CSS2: normal
NS4: ingen

:)
Avatar billede tommer Nybegynder
29. august 2002 - 23:49 #8
jeg har lavet en menu i en tabel som er centreret.
problemet er bare at mine "dropdown lag" ikke følger med centreringen af tabellen, da de jo har en absolute værdi fra hjørnet.
hvad gør jeg så ?? hvis i forstår ;-)
Avatar billede jakoba Nybegynder
30. august 2002 - 00:14 #9
for at placere et lag med  position:absolute  et bestemt sted i forhold til tabllen må du finde ud af hvor tabellen er, og så bruge koordinaterne for den position til at beregne den korrekte position for det absolutte lag.

som her hvor de 4 mouseover-lag placeres automatisk ovenpå det grå relative lag :
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp68543.html

mvh JakobA
Avatar billede tommer Nybegynder
30. august 2002 - 08:26 #10
jakoba du er altså lidt sej, du ved sgu alt... men det kan jo også ses på dine point..
men mine to lag er ikke i en tabel, de ligger udenfor, men jeg kigger lige lidt på dit eksempel, tak ;-)
Avatar billede jakoba Nybegynder
30. august 2002 - 09:37 #11
i funktionen placer kan linierne
      obj.left = x;
      obj.top = y;
korrigeres med hvad offset du vil for at placere lag i relation til tabellen
      obj.left = x +100;    // 100px tilvenstre for
      obj.top = y +40;      // og 40px under den fundne position.
Avatar billede tommer Nybegynder
06. september 2002 - 14:39 #12
jeg kan ikke korrigere laget i forhold til tabellen som du beskriver ovenfor ??
der er ingen ændringer hvis man f.eks skriver obj.left = x+100 ??
Avatar billede tommer Nybegynder
07. september 2002 - 20:34 #13
jo jeg kan, sorry
alt virker perfekt ;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester