Help met Image-maps

Status
Niet open voor verdere reacties.
Q

qwantioooo

Gebruiker
Lid geworden
16 dec 2007
Berichten
26
Hallo, mensen.. Ik moet voor school een pagina met een Image map maken..
En dat gaat over de kaart van Nederland.

Ik maak leuk met poly coordinaatjes.. Test hem, doet hij het niet! Hoe kan ik dit verhelpen?

Dit is de code:



<html>
<head>
<title>NL-Kaart</title>
</head>
<body>
<H1> <center>Hier staan alle links naar Provincies in Nederland</center></H1>
<hr>
<center><b> Gemaakt door Rob Hoiting. Klas: 4-1 B. Datum: 2 Oktober 2008<br>
<img src="nederland.jpg" usemap="#nederlandmap">
<MAP name="nederlandmap">
<center><map name="nederlandmap"></center>
<area shape="poly" coords="269,11,302,33,299,92,282,77,271,62,247,48,227,58,230,36,229,18" href=" http://www.provinciegroningen.nl">

</map>
</body>
</html>
 

Bijlagen

  • nederland.JPG
    nederland.JPG
    29,7 KB · Weergaven: 34
Werkt bij mij wel.
Het plaatje heb ik wel een afmeting gegeven:
width="400" height="400"
Handje en link verschijnt rechts bovenin, en link naar groningen werkt.

:cool:
 
Hmm, raar..
Maar werkte hij voordat je die height en width er in hebt gedaan wel of niet?

EDIT: Ik zie het probleem al. Waarschijnlijk kan Google Chrome en Mozilla Firefox het gewoon niet aan :).
Alleen IE werkt.. xD.
 
Laatst bewerkt:
Bij mij werkt het zowel in IE als FF, ook zonder die WIDTH en HEIGHT.
Ik zie in je code wel 2 keer de MAP-tag staan; daar heb ik er 1 van weggedaan.
HTML: 
<html>
  <head>
    <title>NL-Kaart</title>
  </head>
  <body>
    <H1> <center>Hier staan alle links naar Provincies in Nederland</center></H1>
    <hr>
    <center><b> Gemaakt door Rob Hoiting. Klas: 4-1 B. Datum: 2 Oktober 2008<br>
    <img src="nederland.jpg" usemap="#nederlandmap"></center>
    <map name="nederlandmap">
      <area href="http://www.provinciegroningen.nl" alt="Provincie Groningen" title="Provincie Groningen" shape="poly" coords="269,11,302,33,299,92,282,77,271,62,247,48,227,58,230,36,229,18">
    </map>
  </body>
</html>
online voorbeeld van jou pagina
 
Laatst bewerkt:
Ook al is dit nogal een late reactie wil ik toch nog even laten weten dat het nu wel werkt. ^_^
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan