Hallo,
ich habe in selfhtml.org ein Beispiel gefunden (
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm) mit dem ich gerne etwas experimentieren möchte. Ich habe eine Datei mit dem Namen karte.png in den momentanen Namensraum hochgeladen und bekomme die Karte auch auf dem Bildschirm angezeigt angezeigt, wenn ich Wiki Syntax verwende.
{{:karte.png|}}
Sobald ich das jedoch in HTML probiere (HTML ist aktiviert), bekomme ich lediglich eine weiße Fläche in meinem Verweis-sensitiven Feld angezeigt. Sonst klappt alles. Auch die Links nach Stuttgart, Heilbronn, Ulm, ... funktionieren.
Nur das Fenster
<img src="karte.png" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte">
bleibt leer!
Weiß jemand, wie ich mein Bild karte.png in der definierten Fläche angezeigt bekomme?
Wie kann ich DokuWiki dazu bewegen mit img src="karte.png" auf die hochgeladene PNG-Datei zuzugreifen?
Beispielcode:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Verweis-sensitive Grafiken definieren - map, area, usemap</title>
</head>
<body>
<h1>Schnell zur Stadt oder Region Ihrer Wahl!</h1>
<p>
<img src="karte.png" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte">
<map name="Landkarte">
<area shape="rect" coords="11,10,59,29"
href="
http://www.koblenz.de/" alt="Koblenz" title="Koblenz">
<area shape="rect" coords="42,36,96,57"
href="
http://www.wiesbaden.de/" alt="Wiesbaden" title="Wiesbaden">
<area shape="rect" coords="42,59,78,80"
href="
http://www.mainz.de/" alt="Mainz" title="Mainz">
<area shape="rect" coords="100,26,152,58"
href="
http://www.frankfurt.de/" alt="Frankfurt" title="Frankfurt">
<area shape="rect" coords="27,113,93,134"
href="
http://www.mannheim.de/" alt="Mannheim" title="Mannheim">
<area shape="rect" coords="100,138,163,159"
href="
http://www.heidelberg.de/" alt="Heidelberg" title="Heidelberg">
<area shape="rect" coords="207,77,266,101"
href="
http://www.wuerzburg.de/" alt="Würzburg" title="Würzburg">
<area shape="rect" coords="282,62,344,85"
href="
http://www.bamberg.de/" alt="Bamberg" title="Bamberg">
<area shape="rect" coords="255,132,316,150"
href="
http://www.nuernberg.de/" alt="Nürnberg" title="Nürnberg">
<area shape="rect" coords="78,182,132,200"
href="
http://www.karlsruhe.de/" alt="Karlsruhe" title="Karlsruhe">
<area shape="rect" coords="142,169,200,193"
href="
http://www.heilbronn.de/" alt="Heilbronn" title="Heilbronn">
<area shape="rect" coords="140,209,198,230"
href="
http://www.stuttgart.de/" alt="Stuttgart" title="Stuttgart">
<area shape="rect" coords="187,263,222,281"
href="
http://www.ulm.de/" alt="Ulm" title="Ulm">
<area shape="rect" coords="249,278,304,297"
href="
http://www.augsburg.de/" alt="Augsburg" title="Augsburg">
<area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310"
href="
http://www.baden-aktuell.de/" alt="Baden" title="Baden">
</map>
</p>
</body>
</html>