Gegen Bilderklau - Das Original | Druckvorschau: Imagemap in komplizierten Code einfügen

Geschrieben von Schulz am 07.07.2008 um 20:08:

Imagemap in komplizierten Code einfügen

Hallo!
Ich möchte mein Menü mit einer Imagemap verlinken. Ich habe den Code von meinem Design und den Code der Imagemap. Leider weiß ich nicht, an welche Stelle ich den Code für die Imagemap in den anderen Code einfügen kann.
Hier mein Code für mein Design:

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:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body background="pappe.gif" leftmargin="0">

<div align="left">
<table width="604" height="911" border="0" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="602" background="layout.gif"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="588" height="329" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="183" height="327">&nbsp;</td>
<td width="374" align="left" valign="top"><div align="center">
<p align="center"><font color="#000066" face="Arial, Helvetica, sans-serif"><strong>Herzlich
Willkommen!</strong></font></p>
<p align="left"><font color="#000066" face="Arial, Helvetica, sans-serif">Dies
hier ist eine kleine, aber feine Site, gef&uuml;llt mit Wortspielen,
Witzen, Fakten, aber auch mit Dummem. xD <br>
Wir haben ein G&auml;stebuch, dass sich sehr &uuml;ber Eintr&auml;ge
freut!<br>
Teilweise k&ouml;nnte Verwirrendes auftreten, doch das ist logischer,
als man auf den ersten Blick denkt.<br>
Diese Site war erst scherzhaft geplant, als Tim und Dennis anfingen,
sich &uuml;ber meine K&ouml;rpergr&ouml;&szlig;e lustig zu machen.
Doch das Ganze ist mehr witzig als gemein, deshalb haben wir daraus
auch eine Website gemacht. Ab und zu kommen neue Spr&uuml;che dazu.<br>
Wir freuen uns &uuml;ber jeden Besucher und R&uuml;ckmeldung im G&auml;stebuch. </font></p>
<p align="left"><font color="#000066" face="Arial, Helvetica, sans-serif">Jule,
der kleinkarierte Schlumpfduden.</font></p>
</div>
</td>
<td width="12">&nbsp;</td>
<td width="14">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>


</div>
</html>

Und hier der Code für die Imagemap:

code:

1:
2:
3:
4:
5:
6:
7:
8:

<map name="menue" id="menue">
<area shape="poly" coords="73,350,74,351,68,370,120,386,125,367" href="index.htm" alt="index" title="index" />
<area shape="poly" coords="67,382,68,383,62,400,153,428,158,412" href="wortspiele.htm" alt="wortspiele" title="wortspiele" />
<area shape="poly" coords="60,408,61,409,52,425,128,455,136,436" href="hirnloses.htm" alt="hirnloses" title="hirnloses" />
<area shape="poly" coords="49,438,50,439,41,478,138,510,148,469" href="fakten.htm" alt="verrückte fakten" title="verrückte fakten" />
<area shape="poly" coords="35,496,36,497,28,504,21,532,128,570,137,533" href="kleingedrucktes.htm" alt="kleingedrucktes" title="kleingedrucktes" />
</map>
<img src="layout-entwurf+tinte+schrift.gif" width="600" height="900" border="0" alt="" title="" usemap="#menue" />

Ich hoffe, jemand kann mir helfen und kann mir sagen, an welche Stelle ich den Code einfügen muss.

LG

Jule