To billeder oven på hinanden ?

Jeg tror ikke umiddelbart, du kan gøre det uden koordinater. Jeg ville sige, du skulle have fat i noget CSS. Hvad skal du da bruge det til/hvad skal resultatet være?

3D Chat hvor du kan rykke ;)

Ah, i den forstand. Ja, det må være CSS, du skal ha' fat i. Og så skal du bruge koordinater. Det kan gøres med følgende CSS:

Position: absolute;
Top: indsæt koordinat fra toppen her;
Left: indsæt koordinat fra venstre her;

Så kan billederne godt ligge oven på hinanden.

Ville netop uden om det med koordinater :/

joeh, men jeg går ud fra, det er eneste løsning. Hvordan skulle billederne ellers kende deres placeringer?

Følgende kode registrerer hele tiden musens nuværende koordinater:
-----------------------------------
<script language="JavaScript1.2">
<!--
// Tjekker hvilken browser der benyttes og derved hvilken teknik, vi skal bruge
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Finder cursorens koordinater
document.onmousemove = getMouseXY;

// Variabler som indeholder X- og Y-koordinaterne
var X = 0;
var Y = 0;

// Funktionen som henter koordinaterne
function getMouseXY(e) {
  if (IE) {
    X = event.clientX + document.body.scrollLeft;
    Y = event.clientY + document.body.scrollTop;
  } else {
    X = e.pageX;
    Y = e.pageY;
  } 
  if (X < 0){ X = 0; }
  if (Y < 0){ Y = 0; }
  return true;
}
//-->
</script>
-----------------------------------
Koordinaterne ligger så i variablerne X og Y.

Lad os sige, din chatfigur er billedet:
<img id="nikolaj2300" src="/images/figur1.gif" style="position: absolute;">

Og selve chatområdet, som figurerne kan bevæge sig i, er følgende div-element:
<div style="width: 100%; height: 100%;" onClick="document.getElementById('nikolaj2300').style.left=X+'px';document.getElementById('nikolaj2300').style.top=Y+'px';"></div>

Hvis du sætter de 3 koder sammen i et html-dokument i den rækkefølge, åbner siden og klikker et sted, så ser du effekten.

Skal du placere to elementer ovenpå hinanden er den nemmeste løsning, at du laver et fælles omkransende element, f.eks.

<div style="position:relative;">
  <img src="detBagesteBillede.gif" style="width:40px;height:30px;">
  <img src="detForresteBillede.gif" style="position:absolute;top:0;left:0;width:40px;height:30px;">
</div>

<ole>

w13 >> Det script er i tussegammel kode ... ca. 9-10 år gammelt. Det er vildt forældet idag  =)

/mvh
</bole>

Altså jeg har fået noget i CSS som virker perfekt, ellers tak :)

olebole >> jaeh, det tænkte jeg nok. Jeg fandt det også på en side, der så tussegammel ud. =) JavaScript er ikke lige mit kald, selvom det kan nogle fede ting.

Fandt ud af det :)