Pull-Down Menü

[Olaf]

Hallo ich benötige eine Pull-Down Menü, welches ich gerne mit reinem HTML realisieren möchte. Hier: Klick mal ein Beispiel, wie ich es mir vorstelle. Der Quellcode scheint mir aber nicht sehr "sauber" zu sein. Bei "Selfhtml" habe ich jetzt nichts gefunden (oder falsch gesucht ), kann mir da mal jemand bitte aufs Pferd helfen

[Wishu]

Da kann ich dir schon sagen, mit reinem HTML wird das nichts. Entweder du nimmst JavaScript und sperrst so die anderen aus oder du brauchst PHP. Wie wäre es mit einem Dropdownmenü, welches so angeordnet ist wie das bei microsoft.com. Einfach mal bei "Alle Produkte" gucken.

[Olaf]

So etwas habe ich mir schon fast gedacht In meinem Beispiel steht im Quellscript auch Javascript, ich war nur etwas unsicher, da das Pull-Down Menü noch funktionierte, obwohl ich in meinem Browser testweise Javascript deaktiviert habe.

Mit Java will ich es auf keinen Fall machen, wenn ein Zufallsbild nicht für alle sichtbar ist, ist das noch akzeptabel (obwohl man so etwas ja wohl auch mit PHP machen kann), aber eine Menübox sollte doch für jeden verfügbar sein.

Ich komme wohl nicht drumherum früher oder später mich mit php zu beschäftigen

Vorerst würde mir das gezeigte Microsoft-Menü aber voll und ganz reichen. Gibt es da irgend ein Suchbegriff oder Anleitung, wie man das am geschicktesten macht?

[Olaf]

Ich habe jetzt mal mit Hilfe von Selfhtml eine Menü mit HTML und CSS gebastelt .
Leider bekomme ich die positionierung nicht so hin, wie ich es gerne hätte.

Ich habe es mal auf meine Testseite geladen: Klick hier
Es wäre schön wenn das Menü ("Archiv") in einer Zeile mit der Überschrift ("Aktuelles vom Monat..") stehen würde. Ich habe das schon mit "span" versucht, aber das hat nicht so richtig geklappt.

Dies ist der relevante Teil:

<h2>Aktuelles vom Monat Juli</h2> 

<div><ul id="archiv">

  <li><a href="#Beispiel">Archiv</a>
      <ul>
        <li><a href="topical.htm">Juli 2009</a></li>
        <li><a href="topical-juni2009.htm">Juni 2009</a></li>
        <li><a href="topical-mai2009.htm">Mai 2009</a></li>
        <li><a href="topical-april2009.htm">April 2009</a></li>
      </ul>
  </li>
  
    </ul>
  </li>
     </ul>
</div>

Vielleich kann mir jemand einen Tipp geben, wie ich das umsetzen kann. Ist "span" überhaupt da der richtige Weg