---

I en celle midt i en tabel ønsker jeg at lægge to billeder oven
på hinanden.

Problemmet er jeg ikke kan definere cellenes position med
position:absolute;
da afstanden fra venstre kan variere.

Hvordan binder jeg de to billeder til cellens position.




--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Christian wrote:

> I en celle midt i en tabel ønsker jeg at lægge to billeder oven
> på hinanden.

Prøv at sætte 'position: relative' på cellen og 'position: absolute'
samt passende 'z-index' på billederne.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

---

Christian wrote:
> I en celle midt i en tabel ønsker jeg at lægge to billeder oven
> på hinanden.
>
> Problemmet er jeg ikke kan definere cellenes position med
> position:absolute;
> da afstanden fra venstre kan variere.
>
> Hvordan binder jeg de to billeder til cellens position.
>
>
>
>
øh, hvad har positionerings schemet ( absolute, relative , normal ) med
punktet hvorfra positioneringen beregnes at gøre. Og hvilken afstand fra
venster taler du om?

posistion: absolute -> angiver positionen fra et koordinatsystem med
centrum i *nærmeste* positionerede parent node, ( eller root noden hvis
ingen parents er positionerede ) og rykker elementet ud af flow ( det
fylder altså intet når andre elementer renderes )- så hvis du ønsker at
positionerer absolute i forhold til en tabel celle; skal du altså
positionerer cellen først ( og angive en passende størrelse ):

eks:

<table><tr><td style="posistion:normal"><img style="position:absolute;
o.s.v

position: relative -> angiver positionen fra et koordinatsystem med
centrum der hvor elementet ville have været; hvis det var i normal flow
- uden at rykke elementet ud af flow ( andre elementer placeres på samme
måde som hvis ikke positioneringen havde været angivet. Det er ret
smart til at lave effekter som subscript ol. ( Og er en hel nødvendighed
hvis du publicerer i xml-formater; (til de browsere der understøtter
dette ) eks: et eller andet xml format til kemiske formler:

<substance name="water">
   <atom name="hydrogen">
      H
      <molar_number>2</molar_number>
   </atom>
   <atom name="oxygen">
      O
      
   </atom>
</substance>

her ville det nok være rimelige at style noget sådant som:

substance {
   font-family: sans-serif;
   display: inline;
}
molar_number {
   font-style; italic;
   font-size: .5em;
   position: relative;
   top: .5em;
}

eller lignende

mvh
Hans

---

Hej statsbiblioteket..........
<hal@no_spam_statsbiblioteket.dk> skrev i en meddelelse
news:c3rm5t$mc1$1@news.net.uni-c.dk...
> Christian wrote:
> øh, hvad har positionerings schemet ( absolute, relative , normal )
med
> punktet hvorfra positioneringen beregnes at gøre. Og hvilken afstand
fra
> venster taler du om?
>
> posistion: absolute -> angiver positionen fra et koordinatsystem med
> centrum i *nærmeste* positionerede parent node, ( eller root noden
hvis
> ingen parents er positionerede ) og rykker elementet ud af flow ( det
> fylder altså intet når andre elementer renderes )- så hvis du ønsker
at
> positionerer absolute i forhold til en tabel celle; skal du altså
> positionerer cellen først ( og angive en passende størrelse ):
>
> eks:
>
> <table><tr><td style="posistion:normal"><img style="position:absolute;
> o.s.v
>
> position: relative -> angiver positionen fra et koordinatsystem med
> centrum der hvor elementet ville have været; hvis det var i normal
flow
> - uden at rykke elementet ud af flow ( andre elementer placeres på
samme
> måde som hvis ikke positioneringen havde været angivet. Det er ret
> smart til at lave effekter som subscript ol. ( Og er en hel
nødvendighed
> hvis du publicerer i xml-formater; (til de browsere der understøtter
> dette ) eks: et eller andet xml format til kemiske formler:
>
> <substance name="water">
> <atom name="hydrogen">
> H
> <molar_number>2</molar_number>
> </atom>
> <atom name="oxygen">
> O
>
> </atom>
> </substance>
>
> her ville det nok være rimelige at style noget sådant som:
>
> substance {
> font-family: sans-serif;
> display: inline;
> }
> molar_number {
> font-style; italic;
> font-size: .5em;
> position: relative;
> top: .5em;
> }
>
> eller lignende
>
> mvh
> Hans

Undskyld jeg ikke har klippet i dit indlæg, men det var så rammende, men
skulle du ikke have svaret i edb videnskab, eller edb kloge hoveder.
Måske jeg rammer forkert, men tror du skulle blive i statsbiblioteket,
der ved de sikkert mere om disse problemer som fremføres. Mvh Knud
PS. har I holdt en lidt sen julefrokost?

---

from south wrote:

> Hej statsbiblioteket..........

Nu hedder han vist nok Hans.

> Undskyld jeg ikke har klippet i dit indlæg, men det var så
> rammende, men skulle du ikke have svaret i edb videnskab, eller
> edb kloge hoveder.

Hans forklarer forskellene mellem absolut, relativ og statisk
positionering på en måske lidt vel teknisk måde - men det er på ingen
måde ukorrekt.

> Måske jeg rammer forkert, men tror du skulle blive i
> statsbiblioteket, der ved de sikkert mere om disse problemer som
> fremføres.

Hvad i alverden mener du? Han præsenterede da nogle glimrende (omend
lidt tekniske) eksempler.

> PS. har I holdt en lidt sen julefrokost?

Hvad mener du?

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/