Placere et billed oven på et andet billed

Hvis du har mange informationer om hver by eller rigtig mange byer er server-rundturen nok den rigtige, ellers kan du placere alle informationerne i hver deres element, som så kun vises, hvis de skal ...

-- men at lægge et billede ovenpå et andet, kan f.eks. se således ud:

<div style="position:relative;">
  <img src="ditKort.gif">
  <img src="ditFlag.gif" style="position:absolute;top:75px;left:50px;">
</div>

Skal jeg så lave hotspots på kortet, eller er der en smartere måde at lave det på?

Hotspots er også det jeg umiddelbart tænker på, og så på dem en onclick (eller onmouseover !-), som aktiverede flag og info !-)

Nu er mit problem at jeg ikke kan flytte på min markør i NS, jeg har følgende kode:

function flytPrik(by)
{
    var top = 0;
    var venstre = 0;

    document.all['visitkort_boks'].style.visibility = 'visible';
       
    switch(by)
    {
        case 'kbh':
            top = 185;
            venstre = 270;
            valgt = 'kbh';
            document.all['overskrift'].innerHTML = 'Test';
            document.all['adresse'].innerHTML = 'Adresssen';
            document.forms[0].visitkort_billede.src = 'images/t.jpg';
document.forms[0].kbh.style.border = 'windowtext  1pt solid';       
            break;
    }
       
    document.forms[0].prik.style.top = top;
    document.forms[0].prik.style.left = venstre;       
}

Det virker som det skal I IE men i NS dur det ikke...

.all er en gammel M$-ting, som du kun skal bruge, hvis en kunde forlanger at du skal understøtte IE4 (som ingen ved sine fulde 5 vil benytte, da de så skal indstille sig på, at der ikke er så meget, der virker, når de surfer !-)

-- og hvad er windowtext i ovenstående ?-)

Men. f.eks.

function flytPrik(by){
    var top = 0;
    var venstre = 0;

    document.getElementById('visitkort_boks').style.visibility = 'visible';
       
    switch(by){
        case 'kbh':
            top = 185;
            venstre = 270;
            valgt = 'kbh';
            document.getElementById('overskrift').innerHTML = 'Test';
            document.getElementById('adresse').innerHTML = 'Adresssen';
            document.forms[0].visitkort_billede.src = 'images/t.jpg';
            document.forms[0].kbh.style.border = 'inset 1px solid';       
            break;
    }
       
    document.forms[0].prik.style.top = top + 'px';
    document.forms[0].prik.style.left = venstre + 'px';       
}

-- bemærk også, at jeg ændrede til inset (eller brug solid, dotted, outset !-) og til px, for der er faktisk nogle browsere, som tager enheden pt alvorligt, og den er ca. 1½-2 gange så stor som en pixel på de fleste almindelige skærme ...

-- og css-standarden fastslår også, at længder skal overses, hvis de ikke har enheder på, så der er tilføjet px til placeringen af prikken, da jeg går ud fra, at den ikke i alle tilfælde skal have placeringen ved 0,0 (som er den eneste længde-angivelse, som kan undvære enheden !-)

Super, jeg takker mange gange for hjælpen!

Smid et svar så er der point,

Velbekomme '-)

-- og tak for point ;~}