[HTML] Problem mit Imagemap

Zimtgruen

Ich weiß nicht wieso und warum aber meine imagemap funktioniert nicht

Das is der Code:

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:

<body style="background-image:url(grafiken/hg.jpg);">



<div id="container">

<map name="menumap">
<area shape="rect" coords="470,120,490,130" href="start.html" target="menu">
<area shape="rect" coords="515,125,523,135" href="anmeldung.html" target="menu">
<area shape="rect" coords="550,130,508,138" href="hof.html" target="menu">
<area shape="rect" coords="585,130,595,140" href="mitglieder.html" target="menu">
<area shape="rect" coords="620,130,630,138" href="interaktiv.html" target="menu">
<img src="06.jpg" usemap="#menumap" border="0">
</map>


<div id="menu">
  <iframe name="menu" src="menu.html" width="100%" height="269px" frameborder="0" style="FILTER: chroma (color=#FFFFFF);"> </iframe>

</div>
<div id="news">
<div align="left">
<b>24. Dez 2008:</b> Fr&ouml;hliche Weihnachten!<br>Neues Design online 
</div>
</div>

<div id="content">
  <iframe name="main" src="main.html" width="100%" height="100%" frameborder="0" style="FILTER: chroma (color=#FFFFFF);"> </iframe>
</div>



</div>


</body>

bei mir werden absolut keine links da angezeigt, wo sie sein sollen und auch sonst nirgendwoanders, falls ich die koordinaten falsch haben sollte.

Kann mir da jemand weiterhelfen?

Black Katrin

es gibt ne ganz tolle funktion... die nennt ich border='1' Augenzwinkern

dann siehste ob du überhaupt welche angezeigt kriegst, und ewnn ja wo deine maps hin sind

Zimtgruen

hab das mit border ausprobiert es werden aber gar keine links angezeigt
hier is die seite: klick

Black Katrin

du solltest vielleicht noch sagen was n link habens ollte? Augenzwinkern

Zimtgruen

hrhr ja die fünf sterne die unter "Montana Valley" sind

Zimtgruen

hab ich auch schon probiert, hat aber nicht funktioniert

Melli

Ich schreib dir das ganze mal neu, weil bei dir fehlt auch der Header & sowas o:

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:

<html>
<head>


  <title>Montana Valley</title>
  <link rel="stylesheet" href="style.css"> // FALLS DU DAS BRAUCHST
</head>

<body style="background-image: url(grafiken/hg.jpg);">
<div style="position: absolute; left: 0px; top: 0px;">
<img src="06.jpg" border="0" usemap="#map" />
</div>

<div id="menu">
  <iframe name="menu" src="menu.html" width="100%" height="269px" frameborder="0" style="FILTER: chroma (color=#FFFFFF);"> </iframe>

</div>
<div id="news">
<div align="left">
<b>24. Dez 2008:</b> Fr&ouml;hliche Weihnachten!<br>Neues Design online 
</div>
</div>

<div id="content">
  <iframe name="main" src="main.html" width="100%" height="100%" frameborder="0" style="FILTER: chroma (color=#FFFFFF);"> </iframe>
</div>


	<map name="map">
<area shape="rect" coords="470,120,490,130" href="start.html" target="menu">
<area shape="rect" coords="515,125,523,135" href="anmeldung.html" target="menu">
<area shape="rect" coords="550,130,508,138" href="hof.html" target="menu">
<area shape="rect" coords="585,130,595,140" href="mitglieder.html" target="menu">
<area shape="rect" coords="620,130,630,138" href="interaktiv.html" target="menu">
	</map>

</body>
</html>

Versuch mal so.
Wenn nicht schau ich mir mal deine ganzen DIVs an <:

Zimtgruen

der header fehlt, weil ich den nicht mit reinkopiert hab, dachte das wär für euch nich so wichtig, um das problem zu erkennen Augenzwinkern

Ich weiß zwar nicht was du großartig geändert hast, aber jetzt läuft es fröhlich

vielen dank

Melli

Naja, das Map unten hin gestellt, dafür das img raus & so Kleinigkeiten großes Grinsen

Katharina Weber

Ist das Problem noch aktuell?
Bei mir funktioniert es nämlich.
Viele Grüße, Katharina

Lisa

Bei mir funktioniert das auch nich unglücklich

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>

<link rel="stylesheet" href="http://gestuetrabeneck.ge.funpic.de/rabeneck/bla/style.css">

<title>Verkaufsstall Cavallo Dorato</title>

<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="auto">


</body>
</head>
<img src="http://vollblutranch.vo.funpic.de/rabeneck/Verkaufsstall%20Cavallo%20Dorato/Grafiken/design.png">


<div id="Layer1" style="position: absolute;  left: 732px; top: 0px;">
  <iframe src="Menue.html" name="menue" width="192" height="242" frameborder=0 scrolling="auto" noresize style="border: 0px" allowtransparency="true" ;>
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 340px; top: 242px;">
  <iframe src="Home.html" name="main" width="684" height="500" frameborder=0 scrolling="auto"  font-size:14px noresize style="border: 0px" allowtransparency="true"  ;>
  </iframe></div>

	<map name="map">
<area shape="rect" coords="514,5,560,40" href="dressurpferde.html" target="main">
	</map>


</html>

Golden Hope

LisaMausi, wo genau liegt deine verlinkung?

Lisa

Auf dem Pferd (Neben der Navi) oben links

Golden Hope

ich hab es dir mal neu gemacht.

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>

<link rel="stylesheet" href="http://gestuetrabeneck.ge.funpic.de/rabeneck/bla/style.css">

<title>Verkaufsstall Cavallo Dorato</title>

</head>

<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="auto">


<map name="FPMap0">
<area href="DEINLINK" shape="polygon" coords="515, 27, 519, 19, 532, 17, 536, 5, 545, 13, 553, 11, 559, 17, 553, 23, 558, 37, 558, 44, 548, 32, 539, 40, 535, 40, 538, 33, 533, 31, 531, 39, 528, 35, 519, 43, 513, 37, 521, 30"></map><img src="http://vollblutranch.vo.funpic.de/rabeneck/Verkaufsstall%20Cavallo%20Dorato/Grafiken/design.png" width="1024" height="768" usemap="#FPMap0">


<div id="Layer1" style="position: absolute;  left: 732px; top: 0px;">
  <iframe src="Menue.html" name="menue" width="192" height="242" frameborder=0 scrolling="auto" noresize style="border: 0px" allowtransparency="true" ;>
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 340px; top: 242px;">
  <iframe src="Home.html" name="main" width="684" height="500" frameborder=0 scrolling="auto"  font-size:14px noresize style="border: 0px" allowtransparency="true"  ;>
  </iframe></div>



</body>


</html>

Lisa

Dankeschön <3

Edit: Wie hast du das so genau hinbekommen *staun* :-o

Golden Hope

bitte

Forensoftware: Burning Board, entwickelt von WoltLab GmbH