Arbeiten mit Koordinaten

mibz750

Hallo,

ich hab folgendes Problem!

Ich möchte hier auf diesem Bild an zwei verschiedenen Bereichen mit links arbeiten. Soll heißen das wenn ich auf einen Bereich des Bildes klicke möchte ich das dort ein Sound abgespielt wird und in einem anderen Bereich ein anderer Sound. Leider bekomm ich das nicht hin. Wenn ich mit der Maus auf das Bild gehe ist das gesamte Bild und nicht nur ein Teil davon ein anklickbarer Bereich. Allerdings ohne das was dort dahinterliegt.

Hier mal der Link zum Bild

und hier mal der html-code:

HTML

<html>
<head>
<title>Mopped</title>
</head>
<body>


<div align="center"><h1>Das sind mal echte Moppedsounds</h1>  </div>


<div>
  <map name="mopped">
    <area shape="rect" coords="476,338,675,559" href="http://www.der link kommt noch" alt="z750">
    <area shape="rect" coords="" href="http://www.der link kommt noch" alt="gpz500s">


  </map>
</div>
<div align="center">


[img]http://mib.kilu.de/bilder/biken.jpg[/img]</p> </div>


</body>
</html>

Alles anzeigen

Kann mir da einer vllt helfen und mir sagen was ich falsch mache?? Bitte bitte wär sehr wichtig für mich!

Hallo weis wirklich keiner einen Rat?
Gruß MiB

driver

1. du musst den namen gleich benennen (map name und img usemap)
2. die koordinaten beim 2ten fehlen...

Code

<div> 
  <map name="mopped"> 
    <area shape="rect" coords="476,338,675,559" href="http://www.der link kommt noch" alt="z750"> 
    <area shape="rect" coords="" href="http://www.der link kommt noch" alt="gpz500s"> 


  </map> 
</div> 
<div align="center">


[img]http://mib.kilu.de/bilder/biken.jpg[/img]</p> </div>

Alles anzeigen

Danke das hat geholfen. Aber nu passt der Bereich der Koords überhaubt nicht mit dem anklickbaren Bereich überein. Die Koords hatte ich mit Gimp ermittelt. Das die zweiten Koords fehlen war absicht weil ja die ersten noch nicht mal geklappt haben.

driver

ich such mir die koords immer per hand raus.

also einen wert eingeben (z.b. 100, 100) und dann schauen wo die is.
(dort verändert sich ja die maus in die hand)

und dann kann man dann die position rausfinden.
vielleicht net die einfachste möglichkeit, aber soo oft verwendet
man das ja nicht...

Ronald

Zitat von driver

ich such mir die koords immer per hand raus.

also einen wert eingeben (z.b. 100, 100) und dann schauen wo die is.
(dort verändert sich ja die maus in die hand)

und dann kann man dann die position rausfinden.
vielleicht net die einfachste möglichkeit, aber soo oft verwendet
man das ja nicht...

Ähem...

das ist m.E. so ziemlich die umständlichste Methode.

@Gast: Du scheinst auch der Div-Erkrankung zu erliegen, wie übriegens viele Webmaster, scheint ein neuer Sport zu sein, möglichst viele DIV-Tags in eine HTML-Seite zu implementiern.

Auf jeden fall solltest du zwischen den Areas und der Grafik nicht den Div-Tag wechseln , dann müßte es eigentlicfh klappen. Auch finde ich das "

" vor der Grafik immer etwas laienhaft, Abstände erzeugt man besser mit Stylesheets:

Code

<div align="center">
  [img]http://mib.kilu.de/bilder/biken.jpg[/img]
  <map name="mopped">
    <area shape="rect" coords="476,338,675,559" href="http://www.der link kommt noch" alt="z750">
    <area shape="rect" coords="" href="http://www.der link kommt noch" alt="gpz500s">
  </map>
</div>

G.a.d.M.

Ronald
... der sich jetzt grade fragt, was ein Motorrad mit einem Taschenrechner gemein hat?

driver

@ roland

sicher, aber wennst nur 2 objekte drauf hast....
die zeit nehm ich mir einfach *G*