XHTML 1.1 imagemap?

Hallo allemaal,

het is een bekend probleem dat een normale imagemap in xhtml niet door de validator komt. Weet iemand misschien een code waarmee dit wel lukt?

Alvast bedankt, Ad

http://frankmanno.com/ideas/css-imagemap-redux/

[quote:70283346c5="kaydie"]http://www.frankmanno.com/ideas/css-imagemap/#ex[/quote:70283346c5]

het probleem is dat ik een organic imagemap heb dus niet in CSS kan werken (Tenzij iemand een organic CSS tutorial voor me heeft, waarvoor ik diegene erg dankbaar zou zijn)

Gebruik gewoon een HTML4 doctype en HTML4.

Je kan het paard natuurlijk achter de wagen spannen en XHTML gebruiken, maar als je niks XML-erigs doet heeft het voor een imagemap geen enkele zin om het je lastiger te maken dan nodig is.

HTML4/strict doet het even goed als XHTML1/strict, dus wanneer je een imagemap nodig hebt gewoon op de HTML4-tour gaan.

http://www.alistapart.com/articles/imagemap/

Uitgetest bij een eerder project en goed bevonden.

[quote:523ecdf175="tennapel"]Gebruik gewoon een HTML4 doctype en HTML4.

Je kan het paard natuurlijk achter de wagen spannen en XHTML gebruiken, maar als je niks XML-erigs doet heeft het voor een imagemap geen enkele zin om het je lastiger te maken dan nodig is.

HTML4/strict doet het even goed als XHTML1/strict, dus wanneer je een imagemap nodig hebt gewoon op de HTML4-tour gaan.[/quote:523ecdf175]

we hebben de xhtml doctype nodig voor mooFx

[quote:10959a94b4="iBert"]http://www.alistapart.com/articles/imagemap/

Uitgetest bij een eerder project en goed bevonden.[/quote:10959a94b4]

ik heb deze al gezien, maar het probleem is dat mijn imagemap uit wolkjes bestaat… Te organisch dus…
De imagemap zelf werkt wel, alleen hij is gewoon niet xhtml (1.1) valid :frowning:

[quote:ae0383d80c="addyboy"][quote:ae0383d80c="iBert"]http://www.alistapart.com/articles/imagemap/

Uitgetest bij een eerder project en goed bevonden.[/quote:ae0383d80c]

ik heb deze al gezien, maar het probleem is dat mijn imagemap uit wolkjes bestaat… Te organisch dus…
De imagemap zelf werkt wel, alleen hij is gewoon niet xhtml (1.1) valid :([/quote:ae0383d80c]

Waarom zou die techniek dan niet gaan? Kan je een plaatje van wat het moet worden posten?

Breng je doctype terug naar xhtml 1.0 strict. xhtml 1.1 is is de eerste stap naar volledig xml en serveren als html zoals je nu doet is niet meer toegestaan.

Daarbij komt dat je ook de javascripts zult moeten aanpassen.

document.createElement(‘div’) is niet meer juist moet dan bijvoorbeeld worden :
document.createElementNS(‘http://www.w3.org/1999/xhtml’, ‘div’);
het gebruik van innerHTML is niet meer toegestaan en zo zijn er nog wel meer addertjes onder het gras.

Als je de xhtml 1.0 doctype gebruikt, kan je deze imagemap overnemen…

[code:1:1435f7eb3f]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Image map</title>

</head>

<body>

<p>
<object data="image.gif" type="image/gif" usemap="#map1" width="500" height="300" />
<map name="map1" id="map1">
<ul>
<li><a href="link1.html" shape="rect" coords="0,0,118,28">link 1</a></li>
<li><a href="link2.html" shape="rect" coords="118,0,184,28">link 2</a></li>
<li><a href="link3.html" shape="circle" coords="184,200,60">link 3</a></li>
<li><a href="link4.html" shape="poly" coords="276,0,276,28,100,200,50,50,276,0">link 4</a></li>
</ul>
</map>
</p>

</body>
</html>[/code:1:1435f7eb3f]

edit : code iets gewijzigd… was niet valid :oops:

[quote:891e853966="tennapel"][quote:891e853966="addyboy"][quote:891e853966="iBert"]http://www.alistapart.com/articles/imagemap/

Uitgetest bij een eerder project en goed bevonden.[/quote:891e853966]

ik heb deze al gezien, maar het probleem is dat mijn imagemap uit wolkjes bestaat… Te organisch dus…
De imagemap zelf werkt wel, alleen hij is gewoon niet xhtml (1.1) valid :([/quote:891e853966]

Waarom zou die techniek dan niet gaan? Kan je een plaatje van wat het moet worden posten?[/quote:891e853966]

deze hierzo:

http://addyboy1.ad.funpic.org/menu.png

ik heb het doctype teruggebracht naar xhtml 1.0 strict en nu nog een paar aanpassingen gemaakt en nu werkt alles :D mijn code is nu dit: [code:1:6a5d1560dc] <div> <img src="plaatjeslokatie" usemap="#plaatje.gif" alt="alt naam" /> <map name="plaatje.gif" id="plaatje.gif"> <area shape="poly" coords="veel getallentjes hier" href="linkhier" alt="" />

&lt;area shape=&quot;poly&quot; coords=&quot;veel getallentjes hier&quot; href=&quot;linkhier&quot; alt=&quot;&quot; /&gt;

</map>
</div>[/code:1:6a5d1560dc]