ImageMap
DerRichard
- html
Alle getesteten Browser ignorieren die Imagemap. Also werde ich wohl was falsch gemacht haben. Aber wo ist der Fehler?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Christian Richard Kalhöfer">
<meta name="editor" content="html-editor phase 5">
<title>kalhöfer.de</title>
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="shortcut icon" type="image/x-icon" href="fav.ico">
<script
language="JavaScript">
<!--
navi= new Image();
navi.src = "navi.png"
stop= new Image();
stop.src = "navi_stop.png"
play= new Image();
play.src = "navi_play.png>"
erhard= new Image();
erhard.src = "navi_erhard.png>"
ingrid= new Image();
ingrid.src = "navi_ingrid.png>"
christian= new Image();
christian.src = "navi_christian.png>"
linda= new Image();
linda.src = "navi_linda.png>"
impressum= new Image();
impressum.src = "navi_impressum.png>"
//-->
</script>
</head>
<body>
<img border="0" name="navigation" title="" alt="Navigation" usemap="#navimap" class="center" src="navi.png">
<map name"navimap">
<area href="stop.html" target="player" title="Stop" coords="160,73,203,88" shape="rect" onMouseOver="navigation.src='navi_stop.png';" onMouseOut="navigation.src='navigation.png';">
<area href="play.html" target="player" title="Play" coords="407,73,450,88" shape="rect" onMouseOver="navigation.src='navi_play.png';" onMouseOut="navi.src='navigation.png';">
<area href="erhard/index.html" title="Weiter zu Erhards Homepage" coords="259,130,353,139" shape="rect" onMouseOver="navigation.src='navi_erhard.png';" onMouseOut="navigation.src='navi.png';">
<area href="ingrid/index.html" title="Weiter zu Ingrids Homepage" coords="270,163,342,173" shape="rect" onMouseOver="navigation.src='navi_ingrid.png';" onMouseOut="navigation.src='navi.png';">
<area href="christian/index.html" title="Weiter zu Christians Homepage" coords="246,196,365,205" shape="rect" onMouseOver="navigation.src='navi_christian.png';" onMouseOut="navigation.src='navi.png';">
<area href="linda/index.html" title="Weiter zu Lindas Homepage" coords="274,229,339,237" shape="rect" onMouseOver="navigation.src='navi_linda.png';" onMouseOut="navigation.src='navi.png';">
<area href="impressum.html" title="Zum Impressum" coords="246,256,364,272" shape="rect" onMouseOver="navigation.src='navi_impressum.png';" onMouseOut="navi.src='navigation.png';">
</map>
</body>
</html>
Habs gefunden, Hat sich erledigt. navigation.src das kann ja nichts werde. Jetzt funzt alles. =)
Grüße,
mich wunderts echt, dass es ohne "=" in <map name funzt - fehlertoleranz der browser ist sauhoch die tage ;)
MFG
bleicher
Es lag an der Reihenfolge der Tags. usemap musste hinter src
@@DerRichard:
Es lag an der Reihenfolge der Tags. usemap musste hinter src
Nein, die Reihenfolge der Notation der Attribute ist völlig egal.
Richtige Syntax ist nicht egal. Der Validator hilft.
Live long and prosper,
Gunnar
@@DerRichard:
<script
language="JavaScript">
Siehe https://forum.selfhtml.org/?t=176171&m=1158709
<!--
Dito.
Live long and prosper,
Gunnar