Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [HTML] Imagemap Design wer kann helfen? (https://www.gegen-bilderklau.net/thread.php?threadid=125794)
Geschrieben von hexe007 am 03.01.2008 um 23:31:
Imagemap Design wer kann helfen?
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
Geschrieben von banni am 04.01.2008 um 00:46:
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.
Geschrieben von hexe007 am 04.01.2008 um 01:38:
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?!
Geschrieben von banni am 04.01.2008 um 12:59:
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.

Ich hoffe, es geht jetzt?
Geschrieben von hexe007 am 04.01.2008 um 13:32:
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
Geschrieben von banni am 04.01.2008 um 13:48:
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: |
<iframe src="menu.htm" name="menue" 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> |
So, und jetzt zu deinen Links: (deine Form)
Zitat: |
<area shape=rect coords="341,177,419,205" href="Main.html" target=main> |
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.
Geschrieben von hexe007 am 04.01.2008 um 14:07:
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.
Geschrieben von hexe007 am 04.01.2008 um 14:19:
ja das klappt immernoch net...
Geschrieben von hexe007 am 04.01.2008 um 14:52:
Super es klappt!
Kannst du mir auch sagen, was ich falsch gemacht habe?
Geschrieben von hexe007 am 04.01.2008 um 16:52:
Also das wäre mir nie im Leben aufgefallen
Aber vielen vielen Dank ^^
Forensoftware: Burning Board, entwickelt von WoltLab GmbH