"Unterteilungen" für das Menü

[MrDeluxe]

Tut mir leid für diese schreibweise ich glaube nämlich das dies ganz anders genannt wird aber ich kenne einfach den Namen nicht dafür.

Also um es zu beschreiben... Ich habe in meiner Menüleiste einen Begriff/Button z.B. "Deutsch" wenn ich auf diesen Klicke werden andere Unterteilungen sichtbar z.B. Literatur, Epik, Lyrik am besten untereinander.
wie kann ich so etwas realisieren?

Noch eine kurze Frage sollte ich meine Menüleiste eher als Tabelle coden oder anders? Ich bin da flexibel.

Ich danke für eure Antworten!

MfG

 

[BcF]

Menüs idealerweise als Liste, in deinem Fall würd ichs so machen:

<!-- JavaScript -->
<script type="text/javascript">
  //<![CDATA[
    function toggleSubnavi(id) {
      document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none';
    }
  //]]>
</script>
<!-- /JavaScript -->
[...]
<!-- Das Menü -->
<ul id="navi">
  <li><a href="...">Home</a></li>
  <li><a href="javascript:toggleSubnavi('deutsch')">Deutsch</a>
    <ul id="deutsch" style="display:none;">
      <li><a href="...">Literatur</a></li>
      <li><a href="...">Epik</a></li>
      <li><a href="...">Lyrik</a></li>
    </ul>
  </li>
  <li><a href="...">Impressum</a></li>
</ul>
<!-- /Das Menü -->

 

[MrDeluxe]

Vielen Dank für den Tip, ich weiß das klingt ein wenig krümelkackrig aber ich möchte die Liste nicht so verschoben haben... also Lyrik etc. soll direkt unter Deutsch sein, nicht versetzt...

Desweiteren würde ich gerne wissen wie ich die Auflistungszeichen verändern kann...
das wars auch schon xD

Danke!

 

[BcF]

Geht alles mit CSS (margin, padding, list-style-type).

Abstände: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Abstände: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Listen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[MrDeluxe]

öhm kannst du mir schnell den Befehl für das oben genannte Beispiel von dir nennen? ich seh irgendwie vor lauter Bäumen den Wald nicht mehr so viele Infos da und kp was ich aussuchen soll...

 

[Dark D.]

Du kannst das auch mit CSS machen (der Vorteil ist, die Navigation funktioniert auch bei Typies, die JavaScript deaktiviert haben):
Cascading Style Sheets { Tutorial : Hybride CSS Menüs }
Du musst nur die obersten Listenpunkte auch zu Links machen