Notifikationer

Markér alle som læst Log ud

Slettet bruger

10. januar 2006 - 13:56 Der er 17 kommentarer og
1 løsning

to lag af billeder hvor positionen er relativ

Hejsa

Jeg har et website, hvor jeg gerne vil have vist to billeder som ligger ovenpå hinanden...

De ene billede skal nemlig fungere som et slags "filter" som laver en ramme udenom det andet billede, sådan at det midterste område på det øverste billede skal være transparent...

Det kan jeg også sagtens lave hvor positionen er absolut, og at jeg så skriver et "z-index" også...

- Men problemet er bare at positionen ikke må være absolut, men skal være ralativ. Og når jeg laver den relativ så glemmer den alt om "z-index"...

- Kan dette overhovedet lade sig gøre?

\Dan

Synes godt om

skelboe Nybegynder

10. januar 2006 - 15:13 #1

Det burde du kunne med <div style="Position: realtive"></div> I den dur i hvert fald mener jeg :)

Synes godt om

Slettet bruger

10. januar 2006 - 16:07 #2

- OK...
Vil det sige at hvis så bruger nedenstående kode, at så ligger billederne ovenpå hinanden selvom positionen er relativ?
<html>
<div style="position: relative;">
<img src="img1.jpg">
<img src="img2.jpg">
</div>
</html>

- eller hvordan skal det se ud?

\Dan

Synes godt om

stich Nybegynder

10. januar 2006 - 16:36 #3

Du kan gøre sådan der, og så bruge position:absolute; på begge billeder; kan det bruges, eller var det hvad du snakkede om i første omgang?

Synes godt om

Slettet bruger

10. januar 2006 - 16:43 #4

Hej

Jeg bliver desværre nød til at skuffe dig med at sige at denne metode ikke virker efter hensigten på mig site...

Billederne opfører sig stadig som om de havde en absolut position...

\Dan

Synes godt om

stich Nybegynder

10. januar 2006 - 16:59 #5

Gider du uddybe hvad problemet er så? Evt. smide et link.
Jeg troede det var noget a la http://test.skalske.dk/layers.html du ledte efter... Men position:absolute er helt bandlyst, selvom det 'kun' er på selve billederne, oder?

Synes godt om

roenving Novice

10. januar 2006 - 17:34 #6

F.eks.

<div style="position:relative;">
<img src="dinRamme.gif">
<img src="inderBillede.jpg" style="position:absolute;left:23px;top:23px;">
</div>

Synes godt om

Slettet bruger

10. januar 2006 - 17:48 #7

Hej!

Hvis jeg skriver:
<html>
<div style="position: relative;">
<img src="img1.jpg">
<img src="img2.jpg">
</div>
</html>

på min side kommer billederne til at være over og under hinanden... og jeg vil have den til at ligge ovenpå hinanden...

- Og ja, position:absolute er bandlyst i img-taggen i hvert fald!
- og om ikke andet så skal positionen på begge billeder være relative sådan at hvis noget som står ovenover billedet kommer til at fylde mere end "ventet" så flytter begge billeder sig nedad...

Jeg har desværre ikke lige her noget link som jeg kan vise, idet at det godt nok er html jeg har gang i, men det er ikke noget som skal udgives på nettet, men på en cd-rom jeg er ved at lave...

\Dan

Synes godt om

olebole Juniormester

10. januar 2006 - 21:26 #8

Synes godt om

olebole Juniormester

10. januar 2006 - 21:28 #9

- hvorfor er position:absolute bandlyst på img-tagget?

Synes godt om

olebole Juniormester

10. januar 2006 - 21:37 #10

- div'et er jo positioneret relativt og bevæger sig ned, når du skriver tekst over det - f.eks:

<div>
Her står noget tekst<br>
- og noget mere ...
<div style="position:relative">
<img style="position:absolute;z-index:2" src="img1.jpg">
<img style="position:absolute;z-index:1" src="img2.jpg">
</div>
</div>

- og i virkeligheden kan du nøjes med at positionere det ene billede, som roenving viser

Synes godt om

Slettet bruger

11. januar 2006 - 02:32 #11

Jeg siger mange tak til alle!

Det var mig der sov, så roenvings svar var tilstrækkeligt...

- Så gider du ikke lige at smide et svar for point roenving?

Med venlig hilsen

Dan

Synes godt om

roenving Novice

11. januar 2006 - 14:17 #12

Velbekomme '-)

Synes godt om

roenving Novice

11. januar 2006 - 14:48 #13

-- og tak for point ;~}

Synes godt om

Slettet bruger

11. januar 2006 - 17:18 #14

- Det var så lidt...!

Synes godt om

kimlarsen1978 Nybegynder

18. september 2007 - 16:58 #15

Hejsa
Jeg har nydt gavn af dette spg og har lige et forståelses spørgsmål: Hvorfor kan man bruge position:absolute inde i en div der er position:relative? Altså hvorfor placerer det "absolute" sig pludselig efter DIV's 0,0 og ikke skærmens 0,0?

Synes godt om

olebole Juniormester

18. september 2007 - 18:14 #16

Reglen lyder:

1) Et absolut positioneret element skal placere sig i forhold til det første omkransende element, der er positioneret - uanset, om dette er positioneret relativt eller absolut.

2) Findes ikke et positioneret, omkransende element, skal elementet placere sig i forhold til body-elementet.

Synes godt om

kimlarsen1978 Nybegynder

18. september 2007 - 18:43 #17

Cool :)

Mange tak

Synes godt om

roenving Novice

21. september 2007 - 12:33 #18

>>ole

ad 2: Vel i forhold til dokument-elementet ...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS