billeder og position

Jada, du kan bare lægge et (relativt) positioneret element udenom, så kan du inde i det lægge nogle absolut positionerede hvor du vil !-)

F.eks.

<div style="position:relative;width:400px;height:300px;">
  <img src="dinLandsdel.gif" style="width:400px;height:300px;">
  <div style="position:absolute;top:25px;left:150px;width:12px;height:12px;cursor:pointer; background:yellow;" onclick="location.href='enBy.html';">&nbsp;</div>
</div>

Ser jo godt ud. Men vil det sige, at jeg ikke behøver at sætte kortet ind som baggrund i tabellen, eller skal placerer koden inde i en tabel?

Vil dette virke både i IE 4+, opera, firefox samt netscape?

IE- og Netscape 4 vil ikke være med, og hvis du også skal have cursoren med i IE 5/5.5 skal man også have den proprietære cursor:hand; med ...

-- men ellers skulle det virke i alle nogenlunde moderne browsere, bare de også er i stand til at vise billeder !-)

-- og jeg har slet ikke forstået, hvad du mener med at bruge en tabel ?-)

-- forøvrigt er der heller ikke noget galt i at placere billedet som baggrund i elementet !o]

<ole>

- og med 'cursor:hand;cursor:pointer' er der vel ikke noget i vejen for IE4.X også forstår, hvad der skal foregå.
WWW's 23 tilbageværende NS4.X'ere vil formodentlig også opføre sig, som forventet - med undtagelse af cursoren  :)

/mvh
</bole>

jeg har gjort følgende:

<div style="position:relative;width:506px;height:574px;">
  <img src="kort.gif" style="width:506px;height:574px;">
 
<div style="position:absolute;top:80px;left:246px;width:12px;height:27px;cursor:pointer;">
  <img src=".gif" style="width:40px;height:40px;" onclick="location.href='enBy.html';">
</div></div>

Jeg vil nemlig hellere have en rund prik. Så derfor må jeg sætte et stykke grafik ind i den absolutte. Men ellers hvad jeg ledte efter. Så er det bare surt, hvis man ikke helt ny browser.

Vil du ikke lægge et svar.

-- ja sådan kan man også gøre det !-)

-- jeg forstår dog ikke, at du ikke har sat ens størrelse på billedet og den omkransende div ?-)

-- els velbekomme '-)

lige et lille spørgsmål til.
Findes der en enkel måde at finde koordinaterne i browseren. Det er jo rart at kunne finde nemt, hvergeng en ny prik skal sættes på.

Jeg kender ikke nogle enkle scripts, der kan fortælle hvor cursoren er, men hvis du f.eks. kigger her, må der være et, der kan det, du vil: http://dynamicdrive.com/dynamicindex13/index.html !-)

-- og tak for point ;~}

Du kan skrive dette i et testdokument:

<script type="text/JavaScript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function tellMe(oElm, e) {
    var pos = getPos(oElm);
    alert("X: " + (e.clientX-pos.x));
    alert("Y: " + (e.clientY-pos.y));
}
</script>

<div style="position:relative;width:506px;height:574px;" onclick="tellMe(this, event)">
<img src="kort.gif" style="width:506px;height:574px;">

<div style="position:absolute;top:80px;left:246px;width:12px;height:27px;cursor:pointer;">
<img src=".gif" style="width:40px;height:40px;" onclick="location.href='enBy.html';">
</div></div>

- husk at trække halvdelen af 'prik-billedets' bredde og højde fra resultaterne  :)