[HTML] Image-Map Code, falsch?

Nanna

Ich bin echt zu doof, dieses Lay zu coden,
obwohl ich es bei anderen hinbekommen habe.
Die Links funktionieren nun mal gar nicht.
Könnt ihr mir sagen, wo der Fehler ist, oder ob etwas fehlt?
Sitz seit gestern dran und raste langsaaam aus. ^.^

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:

<html>
<head>
<title>shadowless.tk</title>
<img border="0" src="http://img84.imageshack.us/img84/3669/newwes2.png" align="left">
</head>
<body>
<map name="Map1">
<area shape="rect" alt="home" coords="356,277,537,288" href="Main.htm">
  <area shape="rect" coords="356,289,537,298" href="webmiss.htm">
  <area shape="rect" coords="356,298,537,308" href="4you.htm">
  <area shape="rect" coords="356,308,537,318" href="graphics.htm">
  <area shape="rect" coords="356,318,537,328" href="about.htm">
  <area shape="rect" coords="356,328,537,338" href="link-me.htm">
  <area shape="rect" coords="356,338,537,348" href="http://iboox.com/41737">
 
</map>
</body>
</html>

<div id="Layer1" style="position: absolute; left: 40px; top: 313px;">
<iframe src="Main.htm" name=Main width="260" height="488" frameborder=1 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer1" style="position: absolute; left: 436px; top: 426px;">
<iframe src="Menue.htm" name=Menue width="107" height="300" frameborder=1 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>


<body bgcolor="#8B8889" topmargin="0" leftmargin="0">

Die Coords müssten eigentlich richtig sein.
Freu mich über Antworten.

Sieht bis jetzt so aus:
Eingebautes Design

VivaLaEve

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

<html>
<head>
<title>shadowless.tk</title>
<img border="0" src="http://img84.imageshack.us/img84/3669/newwes2.png" align="left">
</head>
<body>
<map name="Map1">
<area shape="rect" alt="home" coords="356,277,537,288" href="Main.htm">
  <area shape="rect" coords="356,289,537,298" href="webmiss.htm" target="Main">
  <area shape="rect" coords="356,298,537,308" href="4you.htm" target="Main">
  <area shape="rect" coords="356,308,537,318" href="graphics.htm" target="Main">
  <area shape="rect" coords="356,318,537,328" href="about.htm" target="Main">
  <area shape="rect" coords="356,328,537,338" href="link-me.htm" target="Main">
  <area shape="rect" coords="356,338,537,348" href="http://iboox.com/41737">
 
</map>
</body>
</html>

<div id="Layer1" style="position: absolute; left: 40px; top: 313px;">
<iframe src="Main.htm" name="Main" width="260" height="488" frameborder=1 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer1" style="position: absolute; left: 436px; top: 426px;">
<iframe src="Menue.htm" name="Menue" width="107" height="300" frameborder=1 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>


<body bgcolor="#8B8889" topmargin="0" leftmargin="0">

soweit ich das sehe, haste den target vergessen und du musst die id der div's in anführungszeichen setzen...

Knopfloch

Zitat:

Original von Nanna
<html>
<head>
<title>shadowless.tk</title>
<img border="0" src="http://img84.imageshack.us/img84/3669/newwes2.png" align="left">
</head>
<body bgcolor="#8B8889" topmargin="0" leftmargin="0">
<body>
<map name="Map1">
<area shape="rect" alt="home" coords="356,277,537,288" href="Main.htm">
<area shape="rect" coords="356,289,537,298" href="webmiss.htm">
<area shape="rect" coords="356,298,537,308" href="4you.htm">
<area shape="rect" coords="356,308,537,318" href="graphics.htm">
<area shape="rect" coords="356,318,537,328" href="about.htm">
<area shape="rect" coords="356,328,537,338" href="link-me.htm">
<area shape="rect" coords="356,338,537,348" href="http://iboox.com/41737">

</map>
</body>
</html>
<div id="Layer1" style="position: absolute; left: 40px; top: 313px;">
<iframe src="Main.htm" name=Main width="260" height="488" frameborder=1 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer1" style="position: absolute; left: 436px; top: 426px;">
<iframe src="Menue.htm" name=Menue width="107" height="300" frameborder=1 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<body bgcolor="#8B8889" topmargin="0" leftmargin="0">
</body>
</html>

Die roten Sachen raus, die grünen rein. Sollte schon mal besser funktionieren.
Eine HTML-Datei darf nur einen body-Bereich haben, und es wird nur angezeigt, was zwischen "<html><body>" und "</body></html>" steht.

Nanna

Schonmal danke ihr beiden ;D
Allerdings habe ich jetzt noch immer das problem,
dass die Verlinkung der Image-Maps nicht klappt unglücklich

Es tut sich halt nichts, wenn ich drauf klicke und ich hab keine ahnung,
woran es liegt.

Knopfloch

ach ja, einbauen musst du die map selbstverständlich auch.
Der Map-bereich definiert eine ImageMap, aber man muss sie dem bild noch zuweisen.
Wenn ich mich recht erinnere, gibst du dazu im img-Tag das Attribut "usemap" mit dem Verweis auf deine Imagemap an (in deinem Fall <img ... usemap="#Map1" ...>).

Nanna

Daaanke, ich könnt dich knutschen xD
Sitz ich da seit 2 Tagen dran und vergess das ;D
lol. Danke nochmal.

Kann geschlossen werden!

Forensoftware: Burning Board, entwickelt von WoltLab GmbH