Gegen Bilderklau - Das Original | Druckvorschau: Imagemap Desis coden mit Paint

Geschrieben von Jaysen am 14.07.2010 um 12:40:

Ich kann nichts anklicken, und es funzt einfach nicht, ich hab keine Ahnung was ich noch probieren soll...

hier 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:
39:
40:
41:
42:
43:
44:
45:
46:
47:


<html>
<head>
<title>Reitverein Equitacion</title>
</head>

<body background="desi Kopie.jpg">


<div id="Layer1" style="position: absolute;  left: 85px; top: 253px;">
  <iframe src="startseite.htm" name="main" width="644" height="435" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>


<div id="Layer2" style="position: absolute;  left: 759px; top: 267px;">
  <iframe src="start.htm" name="menue" width="186" height="235" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>
<p align="left">

<map name="menu">

<area shape="rect" (rect,circle,polygon) coords="85,221,70,29" href="start.html target=menue.htm">

<area shape="rect" (rect,circle,polygon) coords="179,221,55,26" href="hof.html target=menue.htm">

<area shape="rect" (rect,circle,polygon) coords="264,221,86,26" href="pferde.html target=menue.htm">>

<area shape="rect" (rect,circle,polygon) coords="360,221,134,26" href="mitglieder.html target=menue.htm">

<area shape="rect" (rect,circle,polygon) coords="556,221,121,26" href="sonstiges.html target=menue.htm">

</map>

<usemap="menu" border=0>




</body>
</html>

Geschrieben von Jaysen am 14.07.2010 um 13:19:

Link

Geschrieben von anna. am 14.07.2010 um 14:38:

code:
1:	<area shape="rect" (rect,circle,polygon) coords="264,221,86,26" href="pferde.html target=menue.htm">>

daran wirds nicht liegen, aber du hast da ein >, das nich hingehört. großes Grinsen

edit: ganz am schluss. großes Grinsen

Geschrieben von Oli am 14.07.2010 um 18:22:

Hi,

- es fehlt ein Anführungszeichen hinter deinem href-Attribut
- es fehlt ein Anführungszeichen vor deinem target-Attribut
- target hat kein .htm am Ende - es handelt sich um den selben Wert, der beim (i)Frame angegeben wurde
- es war nicht vorgesehen, dass du (rect,circle,polygon) in deinen Code aufnimmst - das war nur eine Aufzählung der Möglichkeiten, die du beim shape-Attribut hast

Hier zum Ansehen:

code:

1:
2:
3:

<area shape="rect" (rect,circle,polygon) coords="556,221,121,26" href="sonstiges.html target=menue.htm"> (dein Code)
<area shape="rect" coords="556,221,121,26" href="sonstiges.html" target="menue"> (korrigierte Version)

LG,
Oli

Geschrieben von Thorim am 14.07.2010 um 18:34:

da hat Oli Recht, was noch dazukommt

1. du hast gar kein Image für deine Imagemap
2. in das img-tag muss dann auch das usemap rein:
<img src="..." alt="" usemap="#menu">

Geschrieben von Jaysen am 14.07.2010 um 19:33:

Okay danke für die zahlreiche hilfe!

Ja dass mit dem .htm, hab ich gewusst, habs dann weggetan, ist aber nicht gegangen, also hab ich es wieder hinzugefügt

Edit: aber dann sieht das ganze irgendwie komisch aus....

klick

Geschrieben von Jenny am 15.07.2010 um 22:51:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<html>
  <head>
    <title>R A I N D R O P - Fotografie von xxxxx</title>
  </head>
  <body topmargin="0" leftmargin="0" bgcolor="#D6D6D7">
    <img height=650 src="http://raindropfoto.ra.ohost.de/pattern8.png" width=1024 border=0>
    <div id="Main" style="position: absolute;  left: 90px; top: 270px;">
      <iframe src="http://raindropfoto.ra.ohost.de/willkommen.html" name="Main" width="874" height="340" frameborder=0 scrolling="auto" style="FILTER: chroma (color=#ffffff)" ;>
      </iframe>
    </div>

    <map name="Volume1">
      <area shape="rect" coords="735,80,785,120" href="http://raindropfoto.ra.ohost.de/Willkommen.html" target="Menu">
      <area shape="rect" coords="690,130,780,165" href="http://raindropfoto.ra.ohost.de/Impressum.html" target="Menu">
      <area shape="rect" coords="690,175,785,220" href="http://raindropfoto.ra.ohost.de/Fotografin.html" target="Menu">
      <area shape="rect" coords="750,225,785,265" href="http://raindropfoto.ra.ohost.de/Galerie.html" target="Menu">
      <area shape="rect" coords="812,250,880,295" href="http://raindropfoto.ra.ohost.de/Angebot.html" target="Menu">
    </map>
    <img src="http://raindropfoto.ra.ohost.de/pattern8.png" usemap="#Volume1" border=0>
  </body>
</html>

Problem Nr. 1: Ich habe das Bild doppelt großes Grinsen

Problem Nr. 2: Die Links gehen nicht unglücklich

Edit//
Problem 2 gefunden xD

Geschrieben von Tonder am 15.07.2010 um 23:26:

Zu deinem doppelten Bild.
Du hast einmal direkt am Anfang des body-tags das image und dann nochmal am Ende.
Du musst nur den usemap-teil bei dem image oben mit einfügen und den unteren Teil entfernen, dann müsste es eigentlich weg sein smile

@ Jayson: Würde dir gerne helfen. Ich weiß nur nicht, was dich nun genau an dem Ergebnis stört xD

Geschrieben von Jaysen am 16.07.2010 um 19:19:

Ich habs jetzt selbst hinbekommen^^ aber danke xD aber ich denke so wie es jetzt ist passt es xD

Geschrieben von Remember am 04.08.2010 um 12:54:

Hi smile

Ich wollte auch so ein tolles UNtermenü machen, aber irgendwie mag mich das Teil nich so ganz unglücklich

Mein 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:

<html>
<head>
<title>Shakespeare - der Weg ist das Ziel</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="shaki.PNG" usemap="#MENUEPOINTS" border=0>

<div id="Layer1" style="position: absolute;  left: 140px; top: 650px;">
  <iframe src="menue.html" name="frame" width="756" height="65" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer2" style="position: absolute;  left: 392px; top: 106px;">
  <iframe src="welcome.html" name="frame" width="548" height="512" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<p align="center">
<map name="MENUEPOINTS">
<area shape=rect (rect,circle,polygon) coords="391,51,464,77" href="menue1.html target=menue.html">

</map>

</body>
</html>

PROBLEME:
Der Link ist da und man kann auch draufdrücken und alles ist super. Aber leider öffnet sich kein Untermenü. unglücklich

Es kommt immer nur eine große Fehlerseite. Was mach ich falsch? unglücklich

Der Hof: SHAKESPEARE.

Geschrieben von Remember am 04.08.2010 um 13:17:

1. Danke für die schnelle Antwort :*
2. Ich hab jetzt mal alles geändert & es sieht jetzt so 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:

<html>
<head>
<title>Shakespeare - der Weg ist das Ziel</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="shaki.PNG" usemap="#MENUEPOINTS" border=0>

<div id="Layer1" style="position: absolute;  left: 140px; top: 650px;">
  <iframe src="menue.html" name="menue" width="756" height="65" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer2" style="position: absolute;  left: 392px; top: 106px;">
  <iframe src="welcome.html" name="welcome" width="548" height="512" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<p align="center">
<map name="MENUEPOINTS">
<area shape=rect (rect,circle,polygon) coords="391,51,464,77" href="menue1.html target=menue">
</map>

</body>
</html>

3. Es funktioniert immer noch nicht xD traurig

Geschrieben von Remember am 04.08.2010 um 13:31:

Nöö. Immer noch nich unglücklich

Ich verzweifel grad mit diesem dummen Untermenü x(

Geschrieben von Remember am 04.08.2010 um 13:40:

Jetzt ist der Link ganz weg großes Grinsen

Ich wünschte nur, dass es einfach mal so funktionieren würde, wie ich es will. Was ist daran so schwer? großes Grinsen

Geschrieben von Remember am 04.08.2010 um 13:48:

Ich hab dir mal ne PN geschickt Augenzwinkern

Geschrieben von Remember am 04.08.2010 um 14:30:

Nur der Vollständigkeit halber: (damit jemand, der das gleiche Problem hat, nicht nochmal alles fragen muss großes Grinsen

)

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:

<html>
<head>
<title>SHAKESPEARE</title>
</head>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<body style="background-image:url(http://www.abload.de/img/backib5sy.png);">
<img src="shaki.PNG" usemap="#MENUEPOINTS" border="0">


<map name="MENUEPOINTS">
<area shape="rect" coords="391,53,464,75" href="menue1.html" target="menue" alt="home"></area>
<area shape="rect" coords="475,53,556,75" href="menue2.html" target="menue" alt="pferde"></area>
<area shape="rect" coords="568,53,647,75" href="menue3.html" target="menue" alt="reiter"></area>
<area shape="rect" coords="654,53,751,75" href="menue4.html" target="menue" alt="tuniere"></area>
<area shape="rect" coords="762,53,880,75" href="menue5.html" target="menue" alt="sonstiges"></area>
</map>

<div id="Layer1" style="position: absolute; left: 140px; top: 650px;">
<iframe src="menue.html" name="menue" width="756" height="65" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 392px; top: 106px;">
<iframe src="welcome.html" name="welcome" width="548" height="512" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

</body>
</html>

Ein RIESIGES Dankeschön nochmals an Jeanny. <3 <3