<map> bei einer tabelle

Augustinermonch

Augustinermonch

Mitglied
Thread Starter
Dabei seit
03.02.2007
Beiträge
71
Reaktionspunkte
1
Hallo,
ich habe folgendes Problem
Ich habe ein Hintergrundbild ind Slices geteilt und es als Tabelle in meine HTML-Datei eingebaut.
(Grund: Im Hintergrund ändert sich immer nur ein kleines Bildelement)


Problem ist das ich die MAP-Buttons nicht anklickbar sind.

Weiß jemand rat?


Danke


Hier mein HTML Code

Code: 
<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<map name="index">
<area shape="rect" coords="898,310,1017,332" href="./page/kontakt.html">
<area shape="rect" coords="773,311,892,332" href="./page/leistung.html">
<area shape="rect" coords="648,311,767,332" href="./page/knowhow.html">
<area shape="rect" coords="521,311,641,332" href="./page/philosophie.html">
<area shape="rect" coords="395,311,514,332" href="./page/impressum.html">
<area shape="rect" coords="268,311,388,332" href="index.html">
</map>

<div style="position:absolute;left: 322px; top: 386px; width: 456px; height: 272px;"> 
<a><p>Willkommen bei TextBlaBlaBla
  </p>
  

  </div>

<table id="Tabelle_01" width=1024 height=700 border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="Bilder/masterBG_01.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_02.png" width="171" height="62" alt=""></td>

		<td>
			<img src="Bilder/masterBG_03.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_04.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_05.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_06.png" width="169" height="62" alt=""></td>
	</tr>

	<tr>
		<td>
			<img src="Bilder/masterBG_07.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_08.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_09.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_10.png" width="171" height="62" alt=""></td>

		<td>
			<img src="Bilder/masterBG_11.png" width="171" height="62" alt=""></td>
		<td>
			<img src="Bilder/masterBG_12.png" width="169" height="62" alt=""></td>
	</tr>

</table>


</body>
</html>
 
Ich habe jetzt eine Lösung gefunden.

Das Map Tag kann man nur bei bildern anwenden und nicht bei tabellen.

Meine lösung sieht so aus das man einfach ein Transparentes bild über die ganze geschichte legt dann geht es.

Mein Code zum Transparenten div tag;

<div style="position:absolute;left: 0px; top: 0px; width: 1024px; height: 700px;">
<img src="Bilder/Free.png" width="1024" height="700" border="0" usemap="#index"/>
<map name="index">
<area shape="rect" coords="898,310,1017,332" href="./page/kontakt.html">
<area shape="rect" coords="773,311,892,332" href="./page/leistung.html">
<area shape="rect" coords="648,311,767,332" href="./page/knowhow.html">
<area shape="rect" coords="521,311,641,332" href="./page/philosophie.html">
<area shape="rect" coords="395,311,514,332" href="./page/impressum.html">
<area shape="rect" coords="268,311,388,332" href="index.html">
</map>
</div>
 
Zurück
Oben Unten