Avatar billede hono Nybegynder
09. oktober 2002 - 20:52 Der er 7 kommentarer og
1 løsning

Billede ovenpå billede

Jeg har et problem med at få placeret et billede oven på et andet billede. Det er som regel ret simpelt med 2d-positionering, men problemet er at mit billede1 (det der skal ligge nederst) er placeret i en tabel er der er såvel vertikalt som horisontalt centreret. Det gør at lige så snart jeg ændrer på vinduestørrelsen, så er midt øverst billede ikke længere placeret hvor det skal (altså oven på nederste). Jeg har lavet en lille skitse her www.hono.dk/problem.html

Der er 60 points til den der kan stikke mig en kode, der gør at det øverste billede bliver på det nederste uanset hvad :)

På forhånd tak

Hono
Avatar billede and.vang Nybegynder
09. oktober 2002 - 21:00 #1
Læg de to blå billeder ind som baggrundsbilleder, og læg så de røde billede ovenpå.

En anden mulighed var at sætte dette ind i de røde <img>-tag:

style="position:absolute;margin:XXpx"

Så skal de røde billeder også placeres inde i tabellen. Er ikke helt sikker på den sidste.

/Anders :)
Avatar billede and.vang Nybegynder
09. oktober 2002 - 21:01 #2
Hov! når de røde billeder skal være i midten af de blå skal du også sætte noget style="margin:XXpx" ind i dem! Så skulle det gerne virke.
Avatar billede hono Nybegynder
09. oktober 2002 - 21:02 #3
Nej nej!! Det går ikke. Jeg kan ikke lægge dem ind som baggrundsbillede!! Dette er blot en model af problemet, i praksis går det ikke som baggrundsbillede!!

Det med absolute har jeg prøvet uden held! Jeg er overbevist om at det skal være position:relative hvis der skal tages højde for de blå billeders centrering!

Hono
Avatar billede code0.dk Nybegynder
09. oktober 2002 - 21:05 #4
Avatar billede hono Nybegynder
09. oktober 2002 - 21:28 #5
code0.dk >> Hjalp mig desværre ikke :(

Hono
Avatar billede code0.dk Nybegynder
09. oktober 2002 - 21:31 #6
ok, har du prøvet at smide det i "layers" de er ret lette at positionere ift. hinanden. se evt.
http://www.eksperten.dk/spm/261146
Avatar billede syvon Nybegynder
09. oktober 2002 - 23:36 #7
ved ikke om det kan bruges

<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE BORDER="1" style="width:100%;height:100%;cell:0;">
<TR align="center">
    <TD><TABLE border="1" CELLSPACING="0" CELLPADDING="0" style="width:500;solid:#000000;">
<TR align="center">
    <TD background="img1.gif" BORDER="0" WIDTH="150" HEIGHT="150" ALIGN="bottom" ALT=""><img src="rod1.gif"></TD>
  <td></TD>
    <TD background="img2.gif" BORDER="0" WIDTH="150" HEIGHT="150" ALIGN="bottom" ALT=""><img src="rod2.gif"></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE>

</BODY>
</HTML>
Avatar billede hono Nybegynder
15. oktober 2002 - 23:04 #8
Hmm, lukker. Fik ikke det svar jeg søgte :(
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