Please-Help: Subkathegorien bei Mousover

Hi, ich arbeite an einer kleinen Homepage, aber ich habe ein kleines Problem, ich habe für einen Menüpunkt mehrere Unterpunkte, also ich habe einen Berreich Buttons, möchte aber noch 2 Unterberreiche machen namens Buttonrohlinge und Buttonsets, da es aber etwas blöd aussieht wie ich es jetzt habe möchte ich dem Menü eine Subkathegorie zuweisen, also das per Mausover rechts neber dem Punkt Buttons noch 2 Tabellen erscheinen mit dem Namen Buttonrohlinge und Buttonmenüs also in etwa so:
______   ______________
Button| |Buttonrohlinge|
______|  --------------
         ______________
        |Buttonsets    |
         --------------
Denke mein Beispiel ist recht informativ, also wenn man über den Punkt Button mit der Maus fährt sollen sich die beiden rechten Unterkathegorien öffnen.

Ich wäre euch sehr dankbar, da ich mich bisher nur mit HTML auskenne und mit sonst nichts.
Zudem poste ich poste ich mal den Code für das Menü wie ich es bisher habe.

<table width="100" border="0" cellspacing="1" bgcolor="000000"> <tr> <td onmouseover="style.backgroundColor='EDEDED'; return true" onmouseout=style.backgroundColor=''
bgcolor="EDEDED"><font size="2" face="Arial Black "> <font color="EDEDED"><img src="http://people.freenet.de/td-vorlagen/1headervorlagen.jpg" width="130" height="20" border=0 alt=""></center></font></font></td>
</tr><tr> <td onmouseover="style.backgroundColor='EDEDED'; return true" onmouseout=style.backgroundColor=''
bgcolor="D4D4D4"><font size="2" face="Verdana "> <a href="http://" target=""><font color="009ACD"><img src="http://onlinestuffs.com/avatars/11111.gif" width="13" height="12" border=0 alt="">Buttons</font></a></font></td>
</tr><tr> <td onmouseover="style.backgroundColor='EDEDED'; return true" onmouseout=style.backgroundColor=''
bgcolor="D4D4D4"><font size="2" face="Verdana "> <a href="http://" target=""><font color="009ACD"><img src="http://onlinestuffs.com/avatars/11111.gif" width="13" height="12" border=0 alt="">Header</font></a></font></td>
</tr><tr> <td onmouseover="style.backgroundColor='EDEDED'"; return true" onmouseout=style.backgroundColor=''
bgcolor="D4D4D4"><font size="2" face="Verdana "> <a href="http://" target=""><font color="009ACD"><img src="http://onlinestuffs.com/avatars/11111.gif" width="13" height="12" border=0 alt="">Icons</font></a></font></td>
 </tr><tr> <td onmouseover="style.backgroundColor='EDEDED'; return true" onmouseout=style.backgroundColor=''
bgcolor="D4D4D4"><font size="2" face="Verdana "> <a href="http://" target=""><font color="009ACD"><img src="http://onlinestuffs.com/avatars/11111.gif" width="13" height="12" border=0 alt="">Menü</font></a></font></td>
 </tr><tr> <td onmouseover="style.backgroundColor='EDEDED'; return true" onmouseout=style.backgroundColor=''
bgcolor="D4D4D4"><font size="2" face="Verdana "> <a href="http://" target=""><font color="009ACD"><img src="http://onlinestuffs.com/avatars/11111.gif" width="13" height="12" border=0 alt="">Tutorials</font></a></font></td>
</tr></table>

  1. Hallo,

    ______   ______________
    Button| |Buttonrohlinge|
    ______|  --------------
             ______________
            |Buttonsets    |
             --------------

    Ja das ist sehr informativ. Du wirste es wohl eigentlich nur mit JavaScript machen können, da der IE das mit den hovern mit CSS noch nicht richtig kann, er ist ja aber auch schon alt.

    Schmeiß bitte deine ganze Tabelle Weg. Dein Menü ist doch keine Tabelle, es ist eine Linkliste, sogar eine Horizontale so wie ich das jetzt hier sehe, also zeichne sie auch so aus:

    <ul id="menu">
     <li><a href="button.html>Button</a>
      <ul onmouseover="" >
       <li><a href="buttonrohlinge.html>Buttonrohlinge</a></li>
       <li><a href="buttonsets.html>Buttonsets</a></li>
      </ul>
     </li>
     <li><a href="ich.html">Über mich</a></li>
    </ul>

    Damit müsstest du eigentlich schon zurechtkommen, mehr Quellcode brauchst du gar nicht.

    Wie du dann weiter vorgehst steht in diesem Artikel von Alistapart: http://www.alistapart.com/articles/dropdowns/, ich hoffe es hilft dir weiter.

    Grüße
    Jeena Paradies

    --
    Jeena Paradies - Wie kam ich zu meinem Namen?
    »Try to make something idiot-proof and someone will make a better idiot.«
    1. ich hattte auch mal diese frage gestellt aber keiner hatte geantwortet also bitte antwortet auf diese damit auch ich mein menue fertig bekomme

  2. Hi, danke für die Hilfe, aber leider ist das etwas zu viel Englisch für mich, und ich verstehe das ganze nicht, gibt es diese Beschreibung auch in Deutsch?

    wäre dir sehr verbunden

    1. Hallo.

      Hi, danke für die Hilfe, aber leider ist das etwas zu viel Englisch für mich, und ich verstehe das ganze nicht, gibt es diese Beschreibung auch in Deutsch?

      Vielleicht holft dir dieser Artikel weiter: DHTML: Aufklappbare Menüs

      Freundschaft!
      Siechfred

      --
      Nichts ist schwerer einzureißen als die Mauer in den Köpfen.