Dynamisches Menü mit HTML,CSS und JAVASCRIPT

[Lordpresser]

Hallo Programmiergemeinde! ;-)

Ich habe ein kleines Problem. Ich möchte gerne ein Dynamisches Menü erstellen und hab auch bei Selfhtml.org das richtige gefunden wie es ungefähr aussehen soll! http://de.selfhtml.org/css/layouts/navigationsleisten.htm#formatieren

(Das untere: nach dem "onmouseover" kommen weitere Menüpunkte und schliesst dann nach "onmouseout")

Natürlich wollte ich das ein wenig verändern, ich wollte es in eine Tabelle packen, da ich verschieden Hintergründe um die jeweilige Menüpunkte zeichnen wollte. Das Menü (wie es später aussehen soll) hab ich bereits gezeichnet, dazu bräuchte ich jetzt nur noch nen veränderten Code, der mir erlaubt, das Menü in die Tabelle zu packen. Sobald ich dies tue, kommt irgenwas komisches dabei raus!
Hier ist der von mir editierte HTML Text, wo doch normal funktionieren sollte, oder? ;-)
Wie gesagt, den orginal Code, kann man sich ja wie oben angegeben ansehen...wäre wirklich toll wenn mir jemand dabei helfen würde/könnte! ;-)
Grüße,
Jens

<table>
 <tr><td colspan="4" style= "background-color:#EEEEEE">Test</td></tr>
</table>

<table>
<div id="Tmenu">

<ul id="Navigation">
   <tr>
   <td>
    <li><a id="aktuell" href="#Beispiel">Idea-to-Market</a>
      <ul>
        <li><span>aktuelle Seite</span></li>
        <li><a href="#Beispiel">Seite 1b</a></li>
        <li><a href="#Beispiel">Seite 1c</a></li>
        <li><a href="#Beispiel">Seite 1d</a></li>
      </ul>
    </li>
    </td>
    <td>
    <li><a href="#Beispiel">Demand-to-Close</a></li>
     <ul>
      <li><a href="#Beispiel">Seite 2a</a></li>
         <li><a href="#Beispiel">Seite 2b</a></li>
         <li><a href="#Beispiel">Seite 2c</a></li>
         <li><a href="#Beispiel">Seite 2d</a></li>
     </ul>
     </td>
     <td>
     <li><a href="#Beispiel">Order-to-Cash</a>
      <ul>
        <li><a href="#Beispiel">Seite 3a</a></li>
        <li><a href="#Beispiel">Seite 3b</a></li>
        <li><a href="#Beispiel">Seite 3c</a></li>
      </ul>
     </li>
     </td>
    <td>
    <li><a href="#Beispiel">Delivery</a></li>
  </ul>
  </td>
  <div></div>
</div>
</tr>
</table>
</body>
</html>

[rfb]

Moin

...
<table>
<div id="Tmenu">
...
  <ul id="Navigation">
   <tr>
   <td>
    <li><a id="aktuell" href="#Beispiel">Idea-to-Market</a>
...

derartige Verschachtelungen von Tabellen, DIVs und Listen sind nicht erlaubt.

Gruß
rfb

[Lordpressler]

na dann macht es sinn das es net klappt! ;-)

Wie kann ich denn das anders Lösen? Ich google schon wie bekloppt...

Grüße,
Jens

[rfb]

Moin

ich hab nicht wirklich verstanden, wozu du überhaupt eine Tabelle brauchst.
Sollte es ein Layoutproblem (irgendwas mit Hintergründen?) sein, wäre CSS die Antwort.

Gruß
rfb

[Lordpressler]

Ok, ich erklär mal mein Problem ;-)

Ich habe eine Grafik, die ich in verschiedene Teile geschnitten habe! Die einzelnen Grafik"stückchen" bau ich später als Hintergrund in die Tabelle ein, so dass es dann wieder als gesamt Grafik erscheint! In einigen Teilchen dieser Grafik setze ich das Menü ein!

Gibt es im Netz dazu irgendwelche Beispiele? Hab bisher leider keine Gefunden...

Gruß,
Jens

[rfb]

Moin

Sofern das HG-Bild nicht notwendig ist, um die Menüpunkte zu erkennen spricht nix dagegen, das Bild in Gänze hinter das Menü zu legen.
Ansonsten hast du ein Problem, das du versuchen solltest anders zu lösen, zB. mit Links in Buttonform vor dem Hintergrund.
Alle Elemente kannst du mittels CSS geeignet positionieren.

Gruß
rfb