[HTML] Imagemap Desis coden mit Paint

-blue-

ja, jetzt funktionierts. vielen dank!!! *keks geb*

Jaysen

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>

Jaysen

Link

anna.

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

Oli

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

Thorim

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

Jaysen

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

Jenny

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

Tonder

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

Jaysen

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

Remember

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.

Remember

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

Remember

Nöö. Immer noch nich unglücklich

Ich verzweifel grad mit diesem dummen Untermenü x(

Remember

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

Remember

Ich hab dir mal ne PN geschickt Augenzwinkern

Remember

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

vorherige Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH