Scholieren.com forum

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Huiswerkvragen: Exacte vakken (https://forum.scholieren.com/forumdisplay.php?f=17)

- - [Inf] area (https://forum.scholieren.com/showthread.php?t=1440153)

<html>
<head>
<title>prisma</title>
</head>
<body bg color="#FF4433">
<div align=center>

<img src="veel.bmp" usemap="#palmpalm">
<map name="palmpalm">

<area shape="circle"
href="./erombekendstaan.htm"
coords="530,20">

<area shape="circle"
href="./deathfromabove.htm"
coords="80,190">

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

Met <area shape..........> zorg ik ervoor dat een deel van het plaatje op de site een link wordt. Maar hij doet het dus niet. Er komen helemaal geen plekjes waar ik op kan klikken, ook met tab zijn ze niet te vinden. Als ik tab indruk, zie ik wel onderaan mijn scherm op de statusbalk van Internet Explorer de naam van de link staan, maar ik zie nergens de rand van de knop op de afbeelding. Als ik na Tab op Enter druk, ga ik er wel heen.

Waarom kan ik mijn knop niet zien? Klopt de gehele code? De verwijzende pagina's bestaan ook gewoon.

Een gokje, ik ken die area en map tags die je gebruikt namelijk niet:

Code:

<a href="./erombekendstaan.htm"><area shape="circle" coords="530,20"></a>

In plaats van:

Code:

<area shape="circle"

href="./erombekendstaan.htm"

coords="530,20">

Je coördinaten zitten verkeerd. Een cirkel kan maar bepaald worden door drie coördinaten he (plaats van het middelpunt (x,y) en dan een straal r). Een rechthoek wordt bepaald door 4 hoekpunten, maar als hij niet geroteerd is (wat in HTML zo is), dan kun je hem bepalen door 2 punten (linkerbovenhoek en rechteronderhoek), zodoende heb je twee coördinatenparen: (x₁,y₁) en (x₂,y₂) ofwel vier coördinaten in het totaal. Een polygoon (veelhoek) wordt bepaald door elk hoekpunt, omdat een dergelijke figuur geheel onregelmatig kan zijn, dus voor een 10-hoek heb je 10 coördinatenparen (x_n,_n) nodig, ofwel 20 coördinaten in totaal.

Kijk eens hier: http://www.w3schools.com/tags/tag_area.asp voor een wat uitgebreidere uitleg (weliswaar in het Engels, maar goed begrijpbaar). Dit is trouwens een van de toonaangevende sites om HTML mee te leren, waarschijnlijk heb je er dus nog wel meer aan :)

En verder: als je ooit onzeker bent of je je tags goed gebruikt, je kan hem ook altijd door de W3C HTML Validator halen he :)

edit:
En voor zover ik weet zouden die extra regeleindes niet al te veel mogen uitmaken, enkel op de weergave van tekst zullen ze een geheel ander resultaat hebben, denk ik zo.

Right, niet goed opgelet dus. De coördinaten.

Ik heb op http://www.w3.org ook al gebruik gemaakt van de HTML Validator, maar die liet niet goed zien wat ik fout deed, de Validator staat al op HTML 4.0 (o.i.d.) en kennelijk was ik bezig in 1.0.
Het komt helemaal goed, ik dankt u wel.

Ik zal ook nog even naar die w3schools kijken.