[HTML] Zwei Designcodes "vermischen"

*Anja

Ich habe zwei Designcodes vermischt, weil ich bunte "Menü-Felder" wollte, aber das mit meinem gewünschten Mouse-Over Framedesi nicht so funktioniert hat, hab ich ein Imagemap mit rein.

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:
52:
53:

<html>
 <head>
  <title>Anja Fieberg Fotografie</title>
  <style>
  body {
    background-color: #CACACA;
  }
  #table {
    width: 900px;
    background-image: url('http://www.abload.de/img/imagemaphgt32w.png');
    background-position: center top;
    background-repeat: no-repeat;
    padding-left:0px;
    margin-left: auto;
    margin-right: auto;
    height: 472px;
  }
  #intable {
    width: 815px;
    margin-left: auto;
    margin-right: auto;
  }
  </style>
 </head>
 <body background="http://www.abload.de/img/bodybgzssf.png">
  <div align="center" id="table">
   <div id="intable">

<map name="design">

<area shape="rect" coords="183,0,298,37"
 href="http://anjafieberg.an.funpic.de/textseiten/Startseite.html" alt="Startseite" title="Startseite">
</area>

<area target="main" shape="rect" coords="310,1,425,37"
href="http://anjafieberg.an.funpic.de/textseiten/Fotografin.html" alt="Fotografin" title="Fotografin">

<area target="main" shape="rect" coords="437,1,552,37"
href="http://gegen-bilderklau.net" alt="Galerie" title="Galerie">

<area target="main" shape="rect" coords="564,1,679,37"
href="http://anjafieberg.an.funpic.de/textseiten/Angebot.html" alt="Angebot" title="Angebot">

<area target="main" shape="rect" coords="691,1,806,37"
href="http://anjafieberg.an.funpic.de/textseiten/Startseite.html" alt="Links"  title="Links">
</map>

   </div>
  </div>
 </body>
</html>

um den hier gehts.
und so kommt es bei mir raus.

Ist wohl von vorne bis hinten falsch, was ich gemacht hab. Wäre dann um eine Richtigstellung (evt. mit Erklärung) dankbar.

*Anja

Danke, funktioniert so weit. Aber ich krieg es nicht hin, das Main Frame zu definieren. Wenn ich es mache so wie ich es mir gedacht habe (bei meinem vorherigen Design hatte), gibt es wieder keine Verlinkung..

Wollte

code:

1:
2:
3:

<div id=main style="position: absolute; left: 175px; top: 45px;">
<iframe src="http://anjafieberg.an.funpic.de/main.html" name="main" allowtransparency="true" frameborder="0" height="427" width="640"></iframe></div>

unter

code:
1:	<img src="http://img13.abload.de/img/imagemaphgt32w.png" usemap="#design" border=0>

einfügen, also den gesamten dunkelgrauen Bereich.

*Anja

Warum geht das jetzt? großes Grinsen

Aber jetzt ist es nicht mehr zentriert. Was muss ich da einfügen?

*Anja

Zitat:

Original von Jeanny
Normalerweise mit <div align="center"> smile

eigentlich..
Zwar ist das Ganze jetzt in der Mitte, aber irgendwie nicht im Feld? Sondern unten drunter.
Mein Code dafür sieht so aus:

code:

1:
2:
3:

<div id=main style="position: center;">
<div align="center">
<iframe src="http://anjafieberg.an.funpic.de/main.html" name="main" allowtransparency=true frameborder="0" style=FILTER: chroma (color=#ffffff) height="427" width="640"></iframe></div></div>

das style="position: center;" hab ich auch mal weggelassen, da war das Gleiche.

Ich habs auch mit

code:
1: 2:	<div id=main style="position: absolute; top: 45px;"> <div align="center">

probiert, da ist es zwar auf richtiger Höhe, aber zu weit links großes Grinsen

http://anjafieberg.bplaced.net/experiment.html unter "Fotografin" sieht man es.

Achja, neues Problem: Bei IE werden weiße Felder gezeigt?

Forensoftware: Burning Board, entwickelt von WoltLab GmbH