[HTML] Imagemap...?

Startpost-Retter

Hei!
Ich hab nen kleines Problem.
Ich hab den Imagemmap Teil des Designs gecodet bekommen, der Rest fehlte aber noch
Imagemapteil

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:

<img src="http://i35.tinypic.com/2j2xb3p.jpg">
<map name="design" id="design">
<area target="menue" shape="rect"
 coords="39,322,113,367"
 href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Allgemeines.html"
 alt="">
<area target="menue" shape="rect"
 coords="127,321,182,366"
 href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Hengste.html"
 alt="">
<area target="menue" shape="rect"
 coords="193,321,236,355"
 href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Stuten.html"
 alt="">
<area target="menue" shape="rect"
 coords="250,321,306,354"
 href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Decken.html"
 alt="">
<area target="menue" shape="rect"
 coords="316,321,377,368"
 href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Sonstiges.html"
 alt="">
</map>

so. dann hab ich natürlich den "normalen" Teil noch geodet. Aber wie zusammenfügen?

das wäre der normale Teil

code:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>DS Shining Star</title>
</head>
<body>
<img src="http://i35.tinypic.com/2j2xb3p.jpg">
<div id="menu"
 style="position: absolute; width: 312px; height: 210px; top: 360px; left: 55px;"><iframe
 name="frame" noresize="" style="border: 0px none ;"
 ;="" allowtransparency="true" frameborder="0"
 height="210" scrolling="yes" width="312"> </iframe></div>
<div id="main"
 style="position: absolute; left: 426px; top: 154px;">
<iframe src="http://dsshiningstar.ds.funpic.de/neu2/Willkommen.html"
 name="main" allowtransparency="true" frameborder="0"
 height="428" scrolling="yes" width="563"></iframe></div>
</body>
</html>

ich hoffe mal das da jetzt alles richtig ist.... großes Grinsen

Naja. wie muss ich das ganze jetzt zusammenfügen damit das funktionier?

.Senseless

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DS Shining Star</title>
</head>
<body>

<div style="position: absolute; top: 0px; left: 0px;"><img src="http://i35.tinypic.com/2j2xb3p.jpg"></div>

<map name="design" id="design">
<area target="menue" shape="rect" coords="39,322,113,367" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Allgemeines.html" alt="">
<area target="menue" shape="rect" coords="127,321,182,366" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Hengste.html" alt="">
<area target="menue" shape="rect" coords="193,321,236,355" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Stuten.html" alt="">
<area target="menue" shape="rect" coords="250,321,306,354" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Decken.html" alt="">
<area target="menue" shape="rect" coords="316,321,377,368" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Sonstiges.html" alt="">
</map>

<div id="menu" style="position: absolute; width: 312px; height: 210px; top: 360px; left: 55px;"><iframe src="http://dsshiningstar.ds.funpic.de/neu2/Menue.html" name="main" allowtransparency="true" frameborder="0" height="210" width="312"></iframe></div>

<div id="main" style="position: absolute; left: 426px; top: 154px;">
<iframe src="http://dsshiningstar.ds.funpic.de/neu2/Nachwuchs.html" name="main" allowtransparency="true" frameborder="0" height="428" width="563"></iframe></div>
</body>
</html>

Probiers mal so (:
Am Imagemap habe ich nichts gemacht, aber vielleicht geht ja der Streifen weg..

.Senseless

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DS Shining Star</title>
</head>
<body>
<map name="design">
<area target="menue" shape="rect" coords="36,324,112,365" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Allgemeines.html" alt="">
<area target="menue" shape="rect" coords="126,326,178,366" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Hengste.html" alt="">
<area target="menue" shape="rect" coords="195,328,234,345" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Stuten.html" alt="">
<area target="menue" shape="rect" coords="250,327,303,348" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Decken.html" alt="">
<area target="menue" shape="rect" coords="317,328,374,364" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Sonstiges.html" alt="">
</map>

<div style="position: absolute; top: 0px; left: 0px;"><img src="http://i35.tinypic.com/2j2xb3p.jpg" usemap="#design"></div>

<div id="menu" style="position: absolute; width: 312px; height: 210px; top: 360px; left: 55px;"><iframe src="http://dsshiningstar.ds.funpic.de/neu2/Menue.html" name="main" allowtransparency="true" frameborder="0" height="210" width="312"></iframe></div>

<div id="main" style="position: absolute; left: 426px; top: 154px;">
<iframe src="http://dsshiningstar.ds.funpic.de/neu2/Nachwuchs.html" name="main" allowtransparency="true" frameborder="0" height="428" width="563"></iframe></div>
</body>
</html>

Hab jetzt bei den Imagemaps noch geguckt (:

.Senseless

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DS Shining Star</title>
</head>
<body>
<map name="design">
<area target="menue" shape="rect" coords="36,324,112,365" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Allgemeines.html" alt="">
<area target="menue" shape="rect" coords="126,326,178,366" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Hengste.html" alt="">
<area target="menue" shape="rect" coords="195,328,234,345" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Stuten.html" alt="">
<area target="menue" shape="rect" coords="250,327,303,348" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Decken.html" alt="">
<area target="menue" shape="rect" coords="317,328,374,364" href="http://dsshiningstar.ds.funpic.de/neu2/Menue_Sonstiges.html" alt="">
</map>

<div style="position: absolute; top: 0px; left: 0px;"><img src="http://i35.tinypic.com/2j2xb3p.jpg" usemap="#design"></div>

<div id="menue" style="position: absolute; width: 312px; height: 210px; top: 360px; left: 55px;"><iframe src="http://dsshiningstar.ds.funpic.de/neu2/Menue.html" name="menue" allowtransparency="true" frameborder="0" height="210" width="312"></iframe></div>

<div id="main" style="position: absolute; left: 426px; top: 154px;">
<iframe src="http://dsshiningstar.ds.funpic.de/neu2/Nachwuchs.html" name="main" allowtransparency="true" frameborder="0" height="428" width="563"></iframe></div>
</body>
</html>

Gehts so nicht?

Forensoftware: Burning Board, entwickelt von WoltLab GmbH