[HTML] Imagemap Desis coden mit Paint

Felixx

Joa, ist eigentlich wie Imagemap coden und desis coden zusammen geschachtelt.

Als erstes, macht ihr mal diesen Tut und codet hier mit mal das desi ohne Imagemap. Dazu fügt ihr dann noch den code fürs Imagemap ein und zwar an folgender Stelle:

Dieser code ist schon ausgefüllt und nicht weiterzuverwenden!!!

<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://foto.arcor-online.net/palb/alben/64/4352964/1024_34633834353130
39.jpg" WIDTH="1024" HEIGHT="768" BORDER="0" USEMAP="#design">

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

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

hier kommt es hin

</BODY>
</HTML>

Dahinein schreibt ihr dann die sachen aus diesem Tut, jedoch mit ein paar änderungen:

bei <area shape=??? (rect,circle,polygon) coords="?,?,?,?" href="???.html"> muss noch target=name des frames in dem sich die seite öffnen soll.html hinzugefügt werden.
Also zum beispiel: <area shape=??? (rect,circle,polygon) coords="?,?,?,?" href="???.html target=menu.html">
Das bild ist natürlich das desi

ich hoffe es hat geklappt. bei fragen oder problemen bitte hierher oder per PN an mich

lg
lisi

Felixx

ist es so schlecht, oder was? Wenn ja, dann sagt mal wenigstens was euch stört, weil es gab den wunsch nach so einem thema und jetzt sagt niemand was dazu.

lg
lisi

janinchen

also, ich finds gut geschrieben... habs zwar nicht probiert, aber ich denk mit Hilfe von diesem TUT würde ich es schaffen smile

Felixx

danke! Ja, ich hoffe es klappt

lg
lisi

KiiM

danke, hat mir sehr weitergeholfen!

LG Kim

Felixx

dann ist ja gut smile

lg
lisi

Nofri

Is gut erklärt, ich habe auc alles verstanden, aber es funktioniert trotzdem nicht.
Habe meinen Code hier reingestellt:
Was ist an diesem Code (Desi -> Imegemap) falsch?
Vll kannst du mirja weiterhelfen, ich weiß nämlich wirklich nicht mehr, woran es liegt unglücklich

...

Moenchen

Ich habe wohl auch ein problem...
Ich kann mir nicht erklären was auf meiner Ranch *klick*
falsch sein soll...
ALso der Code dazu ist:

Zitat:

Ich hoffe mir/uns kann so schnell wie möglich helfen.....

mlg, Mona

Moenchen

Habe wieder auf das alte Design umgestellt Augenzwinkern

Bei dem anderen (ich kanns gerne nochmal einbauen, wenn du es dir so ansehen möchtest) funktioniert das Imagemap nicht...also die Links funktionieren gar nicht Augen rollen

Mona

VRHpferdeglueck

hallo ich bin einer der ganz doofen sorte! cih versteh null davon! Verdammt dabei wil ich das auch böse

Melli

Felixx

da hast du erlich gesagt sher viel falsch/weggelassen. Kannst du mir mal das Bild (Design) geben? Dann mach ichs von mir aus, denn ich glaub das geht schneller!

fantasia

Mhhhh...Bitte für mich auch nochmal....! Ich hab eig. alles vertsanden, auch wie das mit den Koordinaten geht, aber ich versteh nicht, wie ich das genau eintragen muss...!
Vielleicht kannste mal ein Beispiel geben, wie man dass eintragen könnte!
Fang dann mal ab

<area shape........

an!

Wäre ur nett....*thx*

Aber sonst echt gutes Tutorial *lol*

LG R!ke

katho

ich check das net mit dem Imagemap, mit den coords...
kannst du mir das bitte machen? sind "nur" 5.
die URL zum Desi:
http://callyhara.kilu2.de/grafics/desis/desi1.jpg
nur die coords, den rest kann ich...

lg
katho

Melli

Nach langem Versuchen hab ich's hinbekommen fröhlich

DANKE! (;

*Zissi*

also bei mir sind da dann keine Links... denke ich habe es an der falschen Stelle eingetragen, aber dem Beispiel zu folge ist es richtig?! O.o +oimks+

EDIT: (macht da der Anbieter nen Unterschied? Ich bin bei Oyla, und habe mein Design anders gecodet als du das Beispiel, aber das Design an sich geht ja...)

soooo... das sieht da nun *so* aus...

der Code ist so:

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:
49:
50:
51:

<html>
                                     
                                     
                                     <head>
                                     <style type=text/css>
                                     <!--
                                     body { scrollbar-face-color: #8383FF;
                                     scrollbar-highlight-color: #8383FF;
                                     scrollbar-3dlight-color: #000000;
                                     scrollbar-darkshadow-color: #8383FF;
                                     scrollbar-shadow-color: #000000;
                                     scrollbar-arrow-color: #000000;
                                     scrollbar-track-color: #8383FF;}
                                     -->
                                     </style>
                                     </head> 
                                     <body background="http://www.oyla10.de/userdaten/31960834/bilder/grgrg.jpg"> <div id="Layer1" style="position: absolute; left: 285px; top: 254px;">
                                     <iframe src="http://www.oyla10.de/cgi-bin/designs/standard1/index.cgi?page=text&id=73502575&userid=31960834" name="main" width="656" height="465" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#FFFFFF)" ;> 
                                     </iframe>
                                     </div>
                                     
                                     <div id="Layer1" style="position: absolute; left: 45px; top: 244px;">
                                     <iframe src="http://www.oyla10.de/cgi-bin/designs/standard1/index.cgi?page=text&id=349199861164381839&userid=31960834" name="menue" width="152" height="221" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#FFFFFF)" ;>
                                     </iframe>
                                     </div>
                                   
            
             
             <map name="Menü Punkt eins">
             
             <area shape=rect coords="121,169,232,198" href="http://www.oyla10.de/cgi-bin/designs/standard1/index.cgi?page=text&id=450734891163875965&userid=31960834" target=main>
             
             <area shape=rect coords="260,169,371,198" href="Adresse des zweiten Menülinks" target=main>
             
             <area shape=rect coords="400,169,513,198" href="Adresse des dritten Menülinks" target=main.html>
             
             <area shape=rect coords="540,169,653,198" href="Adresse des vierten Menülinks" target=main.html>
             
             <area shape=rect coords="679,169,791,198" href="Adresse des fünften Menülinks" target=main.html>
             
             <area shape=rect coords="819,169,932,198" href="Adresse des sechsten Menülinks" target=main.html>
             
             <area shape=rect coords="32,493,230,512" href="http://www.x.com" target=_blank>
             
             <area shape=rect coords="673,122,870,142" href="http://sabiduria.oyla24.de" target=_blank>
             </map>
             <img src="http://www.oyla10.de/userdaten/31960834/bilder/grgrg.jpg" usemap="#Menü Punkt eins border=0>
             
             </body>
             </html>

ich habe erst ein Imagemap ausgefüllt, und das Design ist noch nicht beschriftet, nicht wundern, aber das kommt ja alles noch, wollte erst gucken was ich denn für ein Design mache...

ohne das Imagemap passt das Design übrigens auch... und die Frames sind normal auch nicht verschoben^^

supaniddel

bei ir funzt nix... ich habs jetzt erstmal mit einem ersucht, aber ich kann nix anklicken...
Hier mal der Code...
Ich bin da i-wie zu blöd für... kann mir jemand bitte jemand helfen?

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:

<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>
</head>
<body style="background-image:url(http://derlohof.de.funpic.de/Design/design.jpg);background-repeat:no;">

<div id="Layer1" style="position: absolute; left: 106px; top: 188px;">
<iframe src="http://derlohof.de.funpic.de/Willkommen.html" name="main" width= "598" height= "381" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;></div>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 767px; top: 352px;">
<iframe src="http://derlohof.de.funpic.de/menue.html" name="frame2" width="182" height="218" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;></div>
</iframe>
</div>
<p align="center">
<map name="Design">

<area shape=rect coords="59,162,156,186" href="http://derlohof.de.funpic.de/menue.html" target="frame2">


</map>
</body>
</html>

Verena1993

Hey Leudä
ich hab raus wies funzt
bei allen wos nicht klappt:

ich müsst des wo im Desi code als hg angegeben ist, diesen Tag ganz rauslöschen und da wo steht <p align="center"> müsst ihr anstatt center left eintragen dann funzts problemlos

Susanne

hey

also vom Prinzip her hab ichs verstanden, danke!

Allerdings klappt es nicht. Das heißt, es klappt nicht, wenn die Map "left" ist, also wenn vor dem Code für die Imagemap steht "div align="left"".

Eigentlich klappt es auch nicht, wenn da "center" steht, aber bei letzterem sieht man, dass die eigentliche Map zentriert ist, obendrüber aber noch mal das (ansonsten gecodete) design ohne map liegt...

kompliziertes problem XD
So siehts aus:

"div align=left"
"div align=center"

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

<html>
<head>
<title>Privatstall Lohrbach</title>
</head>
<body>


<div id="HG" style="position: absolute; top: 0px; left: 0px;"><img
 src="http://img256.imageshack.us/img256/8548/lay2di0.jpg"
 height="600" width="800"></div>

<div id="Frame"
 style="position: absolute; top: 151px; left: 130px;"><iframe
 src="http://eldoro.el.funpic.de/blubb.html" name="untermenue"
 frameborder="0" height="31" scrolling="auto"
 width="665"></iframe></div>

<div id="Frame"
 style="position: absolute; top: 191px; left: 3px;"><iframe
 src="http://eldoro.el.funpic.de/blubb.html" name="main"
 frameborder="0" height="405" scrolling="auto"
 width="793"></iframe></div>

<p align="center">

<map name="design">

<area shape="rect" coords="631,9,748,47" href="http://eldoro.el.funpic.de/test.html" target="main">

<area shape="rect" coords="529,69,662,107" href="http://eldoro.el.funpic.de/test.html" target="main">

<area shape="rect" coords="723,72?,789,103" href="http://eldoro.el.funpic.de/test.html" target="main">

</map>
<img src="http://img256.imageshack.us/img256/8548/lay2di0.jpg" usemap="#design" border=0>


</body>
</html>

geändert ist jeweils nur der div-tag.

Was hab ich falsch gemacht? oO

-blue-

Bei mir gibts iwie nichts zum anklicken =( ist irgendwas falsch?

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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1"
 http-equiv="Content-Type">
  <title>http://espoir.es.funpic.de</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#333333" link="#000000" vlink="#000000">
<img src="http://espoir.es.funpic.de/newdesign1%20%282%29.jpg"
 border="0">
<map name="design">
<area shape="rect" coords="327,130,428,163"
 href="http://espoir.es.funpic.de" target="main">
<area shape="rect" coords="441,137,580,166"
 href="http://espoir.es.funpic.de/testseite.html" target="main">
</map>
<div style="position: absolute; left: 72px; top: 183px;"><iframe
 src="untermenu.html" name="untermenu" frameborder="0"
 height="188" scrolling="no" width="130"></iframe></div>
<div id="Layer1"
 style="position: absolute; left: 344px; top: 190px;"><big><big><iframe
 src="http://espoir.es.funpic.de/welcome.html" name="main"
 noresize="" style="border: 0px none ;" ;=""
 frameborder="0" height="472" scrolling="yes"
 width="538"> </iframe></big></big></div>
</body>
</html>

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH