[HTML] Imagemap Design wer kann helfen?

hexe007

Hey.
Ich in im mom echt ratlos & weiß ech nicht was ich falsch gemacht habe...

http://schokolabrador.sc.funpic.de/

Die Links vom Imagemap gehn garnet...

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:

<html>
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
<title>Hexe Photographics</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="desi hexe.png">
<div id="menu" style="position: absolute;  left: 29px; top: 357px;">
  <iframe src="menu.htm" name="frame" width="181" height="221" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="main" style="position: absolute;  left: 263px; top: 286px;">
  <iframe src="main.htm" name="frame" width="674" height="293" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<p align="center">

<map name="Hexe Photographics">

<area shape=rect (rect,circle,polygon) coords="341,177,419,205" href="Main.html" target=menu>
<area shape=??? (rect,circle,polygon) coords="433,177,487,205" href="Ich.html" target=menu>
<area shape=??? (rect,circle,polygon) coords="502,177,599,205" href="Galerie.html" target=menu>
<area shape=??? (rect,circle,polygon) coords="615,177,738,205" href="Sonstiges.html" target=menu>

</map>
<img src="desi hexe.png" usemap="#HexePhotographics border=0>

</body>
</html>

LG HeXe

banni

hmmm...ich bin jetzt kein vollprofi, also weiß ich nicht, ob deine Links so stimmen, wie du die geschrieben hast. (in der art werde ich nämlich verwirrt)
Aber: So weit wie ich es sehe hast du ein paar Grundfehler:

1. die name deiner frames sind gleich.
Nenn das eine menue, das andere main (--> name="main" für deine Textseite)

Und der Link (die sehen bei dir anders aus bei mir, weiß nicht, obs so auch geht, wie du es geschrieben hast) würde so aussehen:

<a href="adresse.html" target=main>gewünschter Seitenname</a>

gewünchter Seitenname = wie der Link eben heißen soll. Hunde, Katzen, Photos, je nachdem, wo der LINK halt hingeht.

Mit deinem area dings da am anfang kenn ich mich nicht aus. vielleicht gehts ja so auch, aber dein gravierender fehler war, dass du eben die namen der frames gleich benannt hast und zudem bei target das falsche eingegeben hast.
Alles klar so weit? sonst einfach fragen, mal schauen, inwieweit ich helfen kann. fröhlich

hexe007

Hier mal der verbesserte Link:

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:

<html>
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
<title>Hexe Photographics</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="desi hexe.png">
<div id="menu" style="position: absolute;  left: 29px; top: 357px;">
  <iframe src="menu.htm" name="menu" width="181" height="221" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="main" style="position: absolute;  left: 263px; top: 286px;">
  <iframe src="main.htm" name="main" width="674" height="293" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<p align="center">

<map name="Hexe Photographics">

<area shape=rect coords="341,177,419,205" href="Main.html" target=menu>
<area shape=rect coords="433,177,487,205" href="Ich.html" target=menu>
<area shape=rect coords="502,177,599,205" href="Galerie.html" target=menu>
<area shape=rect coords="615,177,738,205" href="Sonstiges.html" target=menu>

</map>
<img src="desi hexe.png" usemap="#HexePhotographics border=0>

</body>
</html>

banni vielen Dank das mit den Namen hab ich geändert aber ich verstehe nicht ganz wie du das mit dem Link meinst?!

banni

Deine Linkform ist mir nicht bekannt, aber das muss nichts heißen. Ich arbeite erst seit einem semester an html und bis jetzt sahen bei mir die links anders aus als bei dir. Jetzt wusste ich eben nicht, ob man da irgendwie verschiedene Möglichkeiten hat oder so (diese Zahlenreihe und so, das hat mich verwirrt).

Aber funktionieren die Links? Wenn ja, vergiss meine Verwirrung. Ich war nur überrascht. fröhlich

Ich hoffe, es geht jetzt?

hexe007

meinst du das hier:

code:

1:
2:
3:
4:

<area shape=rect coords="341,177,419,205" href="Main.html" target=menu>
<area shape=rect coords="433,177,487,205" href="Ich.html" target=menu>
<area shape=rect coords="502,177,599,205" href="Galerie.html" target=menu>
<area shape=rect coords="615,177,738,205" href="Sonstiges.html" target=menu>

Es funktioniert aber leider immernoch net unglücklich

banni

Zitat:

<area shape=rect coords="341,177,419,205

Das sagt mir nichts.
Bei target habe ich dir aber gesagt, dass du das ersetzen sollst. Wo willst du, dass sich die Links öffnen? Ich nehme an, im main, also in der Textebene. Wieso schreibst du dann menu? menu ist bei mir die Navigation. Soll sich da die textseite öffnen? Ich denke wohl nicht... außer du baust da eine ziemlich lustige Seite auf...

Ok, ZUALLERERST, wie bereits erwähnt, änderst du die namen deiner Frames. Nimm eventuell dieses Vorschlag:

Zitat:

So, und jetzt zu deinen Links: (deine Form)

Zitat:

ICH würde ja LINKS prinzipiell so anbringen:

Zitat:

<a href="Adresse deiner Textseite, die sich öffnen soll">beliebiger Name deiner Textseite (z.B. Willkommen)</a>

Wie bist du auf deine Version der Linkverlistung gekommen? Von der habe ich noch nie gehört. Und: Ich hoffe, deine "main.html" Seite heißt nur witzigererweise main, und du willst eigentlich auf die Willkommen seite oder so...

Du willst doch, dass sich deine Seiten nur in dem Mainframe öffnen, oder?

Probiers mal genau so, wie ich es dir beschrieben habe.

hexe007

Also das mit den Links sind die Links für ein IMAGEMAP also wird die Stelle markiert, dort klickt man drauf und dann öffnet sich ein Untermenü im Menü.

Die Zahlen sind die Koordinaten dafür wo sich das ganze öffnen soll.

Die Namen der Frames habe ich bereits geändert.

Und das mit den Links hatten wir ja schon.

hexe007

ja das klappt immernoch net...

hexe007

Super es klappt! smile

Kannst du mir auch sagen, was ich falsch gemacht habe?

hexe007

Also das wäre mir nie im Leben aufgefallen großes Grinsen

Aber vielen vielen Dank ^^

Forensoftware: Burning Board, entwickelt von WoltLab GmbH