[HTML] Imagemap coden mit Paint

Geronimo

Muss ich die Komma Zahl also die linke oder die rote von dir markierte nehmen? Weil das erste sind ja eigentlich die Koordinaten.

Corsar13

Also ich krieg das alles bis auf die Coords hin... versteh das nicht, wie man auf die kommt... bitte um eine Erklärung für ganz Doofe großes Grinsen

EDIT:
Habs jetzt hingekriegt - mit PSP gehts viel einfacher XDD

Leila

Hey das Tut ist supergenial, Daumen hoch, habs total gut hinbekommen damit Augenzwinkern

Hrannar

Hallo, ist super erklärt blos mit diesen Coords hab ich nocht so wirklich gecheckt welche Zahl ich da als erstes nehmen soll, oder wie:

hier mal der code:

<html>

<body>

<p align="center">

<map name="Forum">

<area shape=Viereck (rect,circle,polygon) coords="473,191,70,24" href="Addy v. Forum">

</map>
<img src="Addy des Bildes" usemap="#Forum border=0>

</body>
</html>

für das design (hab zum Probieren schnell mal eins im Paint hingeklatscht *lol*)

Mila

Hallo auch!
Ich habe eigentlich auch alles bis auf die Sache mit den Coords verstanden. Wenn ich von der linken oberen Ecke einmal nach unten ein Feld aufspanne und einmal nach oben, hab ich doch total unterschiedliche Felder. Könnte das vielleicht noch mal einer erklären?
Wäre euch sehr dankbar

Mila

So, für alle die das gleiche Problem hatten wie ich, eine Erklärung wie man die Coords bestimmt:

Um die ersten beiden Zahlen zu bestimmen musst man auf den linken, oberen Punkt des Rechtecks klicken.
Die Zahl die dann unten angezeigt wird sieht ja dann so aus:
???,??
Die Ziffern vor dem Komma sind die erste Zahl, die hinterm Komma die zweite.
Nach dem gleichen Prinzip bestimmt ihr auch die anderen beiden Zahlen. Dafür müsst ihr in die rechte, untere Ecke klicken und euch die Koordinaten aufschreiben.
Die Ziffern vor dem Komma sind dann die 3. Zahl und die hinterm Komma die 4.

Hoffe das ist so richtig. Bei mir hats auf jeden Fall geklappt!

supaniddel

ich bin da zu blöd für... bei passiert gar nix^^
In meinem Design soll man auf Allgemin, Für Gäste etc klicken können und dann öffnet sich ein Untermnü...
Da passiert aber nix... ich kann nix anklicken. Hab's erst mit einer Auswahlmöglichkeit probiert... aber das funzt nicht.
Hier 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:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:

<html>
<style>
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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Der Lohof</title>
</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0"scroll="no">

<img border="0" src="http://derlohof.de.funpic.de/Design/desi.jpg" align="center">
<div id="Layer1" style="position: absolute; left: 324px; top: 188px;">
<iframe src="http://derlohof.de.funpic.de/Willkommen.html" name="main" width="668"
 height="348" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#FFffFF)" ;>
</iframe>
</div>
<div id="Layer1" style="position: absolute; left: 21px; top: 344px;">
<iframe src=" http://derlohof.de.funpic.de/menue.html" name="frame1" width="242" 
height="242" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#FFffFF)" ;>
</iframe>
</div>


<p align="center">

<map name="Design">

<area shape=rect coords="357,158,451,186" href="http://derlohof.de.funpic.de/menue.html"target=frame1">
>

</map>
<img src="http://derlohof.de.funpic.de/Design/desi.jpg" usemap="Design" border=0>


</body>

</html>

**Christine**

Was iust falsch. Ich habs so verstanden:

So wieht es aus: http://cheva.ch.funpic.de/VRH/Pferdedate...uten/Sally.html

Das ist 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:
25:
26:
27:
28:
29:
30:
31:

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Jasmin">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE>Sally</TITLE>
</HEAD>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<IMG NAME="design0" SRC="http://cheva.ch.funpic.de/Stecki1.jpg" WIDTH="1024" HEIGHT="768" BORDER="0" USEMAP="#design">

<div id="Layer1" style="position: absolute; left:228px; top: 203px;">
<iframe src="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_allgemeines.html" name="main" width="1603" height="1496" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<p align="center">

<map name="Sally">
<area shape=rect (rect,circle,polygon) coords="1709,2000,1709,2000" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_allgemeines.html target=main">
<area shape=rect (rect,circle,polygon) coords="1709,1950,1709,1950" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_koennen.html target=main">
<area shape=rect (rect,circle,polygon) coords="2041,2416,2041,2416" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_charakter.html target=main">
<area shape=rect (rect,circle,polygon) coords="1991,2338,1991,2338" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_hsundta.html target=main">
<area shape=rect (rect,circle,polygon) coords="1706,1948,1706,1948" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_zucht.html target=main">
<area shape=rect (rect,circle,polygon) coords="2406,2406,2094,2406" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_fotoalbum.html target=main">
<area shape=rect (rect,circle,polygon) coords="1938,2216,1938,2216" href="http://cheva.ch.funpic.de/VRH/Pferdedateien/Stuten/Sally_rechtliches.html target=main">

</map>
<img src="http://cheva.ch.funpic.de/Stecki1.jpg" usemap="#Sally border=0>


</BODY>
</HTML>

Kannst du das was falsch ist vielleicht verbessern?

franzi93

mhm immer kommt "not found"

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Laura">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE> </TITLE>
</HEAD>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<IMG NAME="design0" SRC=" http://img260.imageshack.us/img260/5166/49868128tt1.jpg" WIDTH="1024" HEIGHT="768" BORDER="0" USEMAP="#design">

<div id="Layer1" style="position: absolute; left: 241px; top: 184px;">
<iframe src="main.html" name="main" width="150 height="530" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 33px; top: 184px;">
<iframe src="menu.html" name="menu" width="159" height="530" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<html>

<body>

<p align="center">

<map name="MusterPferde">

<area shape=reck coords="35,128,161,146 " href= http://sunnyflower.oyla17.de/cgi-bin/hpm_homepage.cgi ">

</map>
<img src=" http://img260.imageshack.us/img260/5166/49868128tt1.jpg " usemap="#Muster” border=0>

</body>
</html>

Ponyhof

Geht nicht...
Im Internet Explorer steht dann da immer: <img src="http://home.arcor.de/ponyhoflysingur/pictures/des_042.jpg" usemap="#Menu border=0> und die Frames sind falsch.

Bei Mozilla kommt das Design dann zweimal und die Frames sind falsch, genauso wie die Imagemaps.

Also, bei mir funktionierte das eigentlich immer, allerdings heute funktioniert gar nichts mehr -.-

MfG;
Ponyhof

franzi93

und ich bin immer noch nicht weiter... oh hilfe... Teufel

Freches Möhrchen

Hallo ihr, kann mir vllt bitte jemand sagen was an diesem Code falsch ist?

<html>

<body>

<p align="center">

<map name="Entermap">

<area shape=rect coords="245,261,126,56" href="http://horsefever.oyla19.de/cgi-bin/hpm_homepage.cgi?skip=42638910|||
horsefever">

</map>
<img src="http://www.bilder-hochladen.net/files/2nyj-k-jpg-nb.html" usemap="#Entermap" border=0>

</body>
</html>

Maite

Was ist den bei meinen Code falsch?
<html>

<body>

<p align="center">

<map name="Hofplan">

<area shape=Viereck coords="145x108,147x107,145x101,145x107" href="Hofplan.html">

</map>
<img src="http://img152.imageshack.us/img152/7465/planmaitefn6.jpg" usemap="#Hofplan" border=0>

</body>
</html>

Hannah

Zitat:

Original von Mila
So, für alle die das gleiche Problem hatten wie ich, eine Erklärung wie man die Coords bestimmt:

Um die ersten beiden Zahlen zu bestimmen musst man auf den linken, oberen Punkt des Rechtecks klicken.
Die Zahl die dann unten angezeigt wird sieht ja dann so aus:
???,??
Die Ziffern vor dem Komma sind die erste Zahl, die hinterm Komma die zweite.
Nach dem gleichen Prinzip bestimmt ihr auch die anderen beiden Zahlen. Dafür müsst ihr in die rechte, untere Ecke klicken und euch die Koordinaten aufschreiben.
Die Ziffern vor dem Komma sind dann die 3. Zahl und die hinterm Komma die 4.

Hoffe das ist so richtig. Bei mir hats auf jeden Fall geklappt!

Ich danke dir!!!!!!!!!!!
JETZT hat's endlich geklappt bei mir. (:

kleine-Araberstute

Ich bin etwas sauer, weil dieses TUT voller Fehler steckt. Zudem ist es im Zusammenhang mit den Designs coden so nicht verständlich - ich habe jetzt eine gesammelte Stunde gebraucht, um mein Imagemap-Design zu coden und habe langsam Fehler für Fehler rausgesucht und verbessert.
Man sollte überlegen, ob man nicht vielleicht ein neues, fehlerfreies und verständliches TUT macht (zudem auch noch die Screen-Angaben falsch waren!)

BabyHanah

erledigt

Gretchen12

also ich hab keine Ahnung wie man die Koords findet :/ kann das jemand ders verstanden hat vlt. nochmal erklären? hock auch schon seit ner st. da und versuch alles aus unglücklich

Nanni

Wenn du in Paint eine Datei öffnest und mit der Maus herum fährst, hast du rechts unten zwei Zahlen (88, 67 zB), die sich ständig ändern. Das sind die Koordinaten, wo dein Pfeil gerade ist; 88 ist die Entfernung von der linken Bildrand, 67 die vom oberen Rand.
Wenn du die zwei Zahlen hast, suchst du bei den Symbolen links das gestrichelte Rechteck - gleich in der ersten Zeile. Das wählst du aus, gehst mit dem Pfeil wieder zu den Koordinaten, die du vorher ausgesucht hast, und ziehst dann (mit linke Maustaste gedrückt halten) ein Viereck und dabei bemerkst du neben den Koordinaten von vorhin noch zwei (100x450 zb). Das sind die 100 wieder die Breite (also die Zahl von links aus gerechnet), die 450 die Länge (die Zahl von oben aus gerechnet).

Hoffe, das hilft dir (:

Gretchen12

Irgendwie hab ich jetzt an 2 verschiedenen Stellen ein Link oO und viel zu weit oben,
dabei ich hab mein Main mit en gleichen Koordinaten gecodet, und das ist nicht versetzt (also halt natürlich anderen Koords aber halt vom prinzip her gleich)
der Code mit den Koordinaten sieht so aus:

code:
1:	<area shape="rect" target="main" coords="46,220,50,22" href="meinehome seite.html">

also sprich 46 vom linken rand weg, 220 von oben weg, 50breit und 22hoch

Nanni

Kannst du mal den Link zum Imagemap reinstellen?

vorherige Seite

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH