Gegen Bilderklau - Das Original | Druckvorschau: Image-Map Code, falsch?

Geschrieben von Nanna am 03.09.2006 um 14:08:

Image-Map Code, falsch?

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

Geschrieben von VivaLaEve am 03.09.2006 um 14:42:

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...

Geschrieben von Knopfloch am 03.09.2006 um 14:58:

RE: Image-Map Code, falsch?

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.

Geschrieben von Nanna am 03.09.2006 um 15:10:

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.

Geschrieben von Knopfloch am 03.09.2006 um 15:33:

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" ...>).

Geschrieben von Nanna am 03.09.2006 um 16:56:

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

Kann geschlossen werden!