Gegen Bilderklau - Das Original | Druckvorschau: Imagemap

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 (https://www.gegen-bilderklau.net/thread.php?threadid=169188)

Geschrieben von Annike am 02.03.2010 um 20:47:

Imagemap

Dasist ds Design, so sieht es aus :*klick*
Es sollten oben die Textfelder, also die braun hinterlegten, verlinkt werden

Und das ist mein Code :S

code:

<html>

<body>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<IMG NAME="design0" SRC="design1.png" WIDTH="1000" HEIGHT="622" BORDER="0" USEMAP="#wittgenstein">

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

<map name="wittgenstein">

<area shape="rect" coords="930,50,1035,45" href="welcome.htm" target="main">
<area shape="rect" coords="850,70,257,25" href="impressum.htm" target="main">
<area shape="rect" coords="850,100,257,25" href="bildnachweis.htm" target="main">
<area shape="rect" coords="850,130,257,25" href="regeln.htm" target="main">
<area shape="rect" coords="850,160,257,25" href="kalender.htm" target="main">
<area shape="rect" coords="850,190,257,25" href="ausschreibung.htm" target="main">
<area shape="rect" coords="850,220,257,25" href="partner.htm" target="main">

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

Danke schonmal für eure Hilfe smile

Übrigens habe ich den Thread für eine Freundin gepostet Augenzwinkern

Geschrieben von .Dori am 02.03.2010 um 21:05:

Also der hier angegeben Code ist nicht der, der auf der HP zu sehen ist.
Laut Quelltext wurde da verwendet:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

<html>

<body>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<IMG NAME="design0" SRC="desi.png" WIDTH="1000" HEIGHT="622" BORDER="0">

<div id="Layer1" style="position: absolute; left: 50px; top: 170px;">
<iframe src="welcome.htm" name="main" width="670" height="430" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 745px; top: 20px;">
<iframe src="menu.htm" name="menu" width="225" height="210" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html>

Das der nicht funktioniert sit klar, da man ein Imagemap nicht in ein Frame packt.
Der hier im Thread angegeben soltle eigentlich funktionieren.