Thema: Modul für rein (!) CSS-basiertes Dropdown Menü?

Aufgrund zahlreicher und anhaltender privater Nachfragen, habe ich ein ausführliches Tutorial auf meinem Blog zu diesem Thema veröffentlicht!

http://my.opera.com/k4simir/blog/show.dml/664368

Viele Grüße und viel Spass beim Basteln
(Ja, Letzteres müsst ihr weiterhin tun)

moin, moin, leider habe ich es trotz des ausführlichen tutorials - danke an k4simir - bisher nicht geschafft, das menü zu erstellen. nachfolgend der bisherige stand:



kann mir vielleicht jemand weiterhelfen ? DANKE. Gruß André

Zitat von Grazioli

Hallo,

obwol diesen Beitrag als gelöst makiert wurde, melde ich mich noch!! Ich habe mit dem IE leider mein Problem. Das Submenu sollte auch unter dem Mainmenu liegen!! Hat jemand eine Hilfestellung für mich?

Vor diesem Problem stehen wir hier auch: Opera, Safari, Firefox stellen das Menü sauber dar, aber der IE 6 verschiebt das Untermenü a) nach rechts und b) nach oben. Im IE 7 schließt das Untermenü mit dem Mainlevel zwar sauber ab, aber auch hier ist es nach rechts verschoben.

Hat dazu jemand eine Lösung gefunden und könnte diese entsprechend bekannt machen?

Gruß,
lodger

Hallo PapaSchlumpf.

Die Probleme mit dem IE6 kann ich leider nicht nachvollziehen. Ein Problem mit dem IE7 ist aber erkannt und gefixt. Schaue dir dazu mal die letzten 4 Kommentare im Tutorial (http://my.opera.com/k4simir/blog/show.dml/664368) an. Vielleicht helfen die ja?

Das Problem, dass das 'Submenu' nicht unter dem 'Mainmenu' liegt, kann eigentlich nur an deinen CSS Parametern liegen. Hast du mal ein bisserl rumgespielt (u.U. sind auch die Hintergrundbilder, falls du welche verwendest, zu breit/dünn)?

Viele Grüße
Johannes

ich bin ein totaler joomla-neuling und arbeite das erste mal an einer joomla-webseite.. kann mir mal jemand mit dem menu helfen?? kann ich nicht einfach für die untermenues eine mit css positionierte versteckte ebene erstellen die bei mouseover visible wird?? ich kann es leider nich ausprobieren da ich nicht weiss wie ich die untermenues ansprechen muss..
hier die seite.. die untergeordneten links bei speisekarte und kontakt sollten als drop-down dargestellt werden wenn man im oberlink mit der maus drüberfährt..

kann mir da bitte jemand weiterhelfen?
danke im voraus

mfg adrian

Hey Schw!z!.

Mit Joomla Boardmitteln wirst du kein Dropdown Menü hinbekommen. Dazu benötigst du schon eine zusätzliche Menükomponente/-modul. Du kannst es natürlich auch selbst programmieren und in dein Template einbinden.

Wenn dir daran liegt, nicht zu viel Javascript zu verwenden, dann versuch mal mein beschriebenes Tutorial zu machen. Ansonsten kannst du natürlich auch andere Module verwenden, wie z.B. "Display Menu Tigra 2.0.1" oder "Infinity Menus". Display Menu Tigra habe ich auch schon ausprobiert. Leider fand ich es ziemlich kompliziert und langsam. Außerdem habe ich es nie hinbekommen, dass es so aussieht, wie ich es wollte. Aber vielleicht hast du ja mehr Glück :-)

Viel Erfolg.
Johannes

Erstmal Danke für das Super Tut. Klappt alles soweit wunderbar. Nur hab ich eine Frage, kann ich die Unterpunkte im Menü ebenfalls horizontal darstellen?!?

Dank im Voraus
Norbert

Zitat von linux-supporter

kann ich die Unterpunkte im Menü ebenfalls horizontal darstellen?!?

Ja kannst du! Ich habe selbst etwas rumprobiert und irgendwann das Problem erkannt. Du darfst für die <ul> Elemente (sowohl die der Hauptmenüebene als auch die der Untermenüebene) im CSS kein "width" Attribut definieren (oder du machst die Breite groß genug, sodass alle Untermenüpunkte nebeneinander reinpassen). Damit wird nämlich der Bereich des <ul> Elementes eingeschränkt. Dadurch haben die die <li> Elemente keinen Platz mehr für eine horizontale Anordnung und werden folgerichtig vertikal umgebrochen.

Solltest du als Basis mein Template benutzen, ändere in der Datei "top-menu.css" Folgendes:

1.1 alt:

HTML-Code:

/* Mainmenu */
 #mainlevel ul {
  width: 105px;
  overflow: hidden;
  /* ... */
}

1.2 neu:

HTML-Code:

/* Mainmenu */
#mainlevel ul {
  overflow: hidden;
  /* ... */
}

sowie
2.1 alt:

HTML-Code:

/* Submenu */
#main li ul {
  position: absolute;
  width: 105px;
  left: -2000px;
}

2.2 neu:

HTML-Code:

/* Submenu */
#main li ul {
  position: absolute;
  left: -2000px;
}

Sollte klappen. Wenn nicht, hast du irgendwo (vielleicht in einem anderen CSS File, welches ebenfalls eingebunden wird) doch noch eine Breitenangabe definiert.

Viele Grüße
Johannes

Hallo Maximum,

Versuch bei #mainlevel, #meinlevel ul die CSS funktion "display: inline;" zu schreiben. Bei mir hat es funktioniert.
Danke an k4simir für die Erklärungen, ich habe endlich damit verstanden wie man ein Dropdown Menü mit Joomla verbindet.