• @Home
  • Hier findest du verschiedene Links zu dieser Seite:
  • Startseite
  • Über mich
  • Tolles Menü!
  • W3C, (X)HTML
    & CSS
  • Was gibt's
    neues?
  • Links
  • Impressum
• Familie/Freunde
  • Stellungnahme gegen Rechts
  • eMails per Browser
  • Ich habe zu unserer Familie ein Fotoalbum angelegt:
  • 
    Hierfür ist ein Login nötig.  Bitte erfragen.
  • Bilder

  • ---

  • Warum ein Login?
• Zitate
  • Hier gibt es einen kleinen Einblick in meine Sammlung von Zitaten:
  • Suche
  • Zitate nach Kategorien
• Rieseby
  • Was es so zu Rieseby gibt, findest du hier:
  • Wikipedia:
    Rieseby
  • Impressionen
  • Mühle Anna
  • St. Petri-Kirche
  • Links zu Rieseby
  • Naturkindergarten Rieseby
  • Wetter in
    Rieseby
• Fehlermeldungen
  • Ich mag meine Meldungen, die sind zu schön, um sie zu verstecken:
  • Wikipedia: HTTP-Statuscodes
  • 401 Unauthorized
  • 404 Not Found

Tolles Menü!

Ja, dankeschön! Und dieses Menü gibt es bereits seit 2005 …

Ausgangspunkt war vor vielen Jahren, dass ich mit der vorherigen Variante – links das klassische Menü und rechts die Anzeige des ausgewählten Inhalts – nicht so recht zufrieden war. Zwar validierten die alten Seiten auch schon gegen HTML 4.01 Transitional, aber es war JavaScriptWiki erforderlich, damit die Seite auch gescheit aussah. Das Menü wurde mit PHPWiki erzeugt und falls JavaScript abgeschaltet war, gab es wenigstens eine HTML-Linkliste. Aber irgendwie sah die ganze Geschichte doch recht altbacken aus.

Die Suche nach einem neuen Design ist ja auch nicht einfach. Wirklich eigene Ideen sind selten, also habe ich mich ebenfalls auf die Suche gemacht und mir viele Webseiten angeschaut. Wie machen es andere? Und: was machen die da? Mehr oder minder per Zufall bin ich über die Seite mit dem Suckerfish-Menü gestolpert, da wurde es vorgeturnt, wie man ein Menü komplett mit CSSWiki aufbaut. Nun hier ist das Resultat!

Leider ist CSS-Unterstützung des Internet ExplorersWiki recht krude geraten, auch in der Version 8 benötigt er immer noch einen JavaScript-Steigbügel um auf das CSS-Ross zu kommen. Browser mit einer Gecko-Engine (unter anderen FirefoxWiki und MozillaWiki) machen da offenbar keine Sperenzchen.

Hier findest Du die Seite mit den Erklärungen für die zuerst von mir eingesetzte Variante: http://www.alistapart.com/articles/dropdowns

Dort wird die Funktionsweise erklärt und unter http://www.htmldog.com/articles/suckerfish/example/ findet sich auch ein mehr als schmuckes Beispiel.

Später habe ich dann eine Art "Update" vorgenommen: www.htmldog.com/articles/suckerfish/dropdowns hat diese Technik noch weiter verfeinert, verbessert und zur Dokumentation frei ins Netz gestellt.