Antworten auf deine Fragen:
Neues Thema erstellen

5-Stufen-Navigation >.<

Hi ihr, ich hänge an einer Mega-Monsternavigation mit 4 Unterstufen fest. Ich weiß langsam gar nicht mehr, warum sich das eine mit dem anderen überlappt. Ich hoffe, ich könnt mir helfen.

Die Unternavi soll folgendermaßen aussehen:

Meinen bisherigen Stand seht ihr hier:

1. Wie bekomme ich es hin, dass die Unterpunkte automatisch unter der jeweiligen Navigation sitzt, die man in der Hauptnavigation hovert? (Ohne direkte absolute Positionierungen in genauen Zahlenwerten anzugeben oder muss man die wirklich abmessen?)

2. Wie kriege ich es vernünftig hin, dass jede Unternavigation sich öffnet, nachdem ich auf den Überpunkt hovere?

Ich danke euch für eure Hilfe!
 

cebito

undefined

AW: 5-Stufen-Navigation >.<

Wie bekomme ich es hin, dass die Unterpunkte automatisch unter der jeweiligen Navigation sitzt, die man in der Hauptnavigation hovert? (Ohne direkte absolute Positionierungen in genauen Zahlenwerten anzugeben oder muss man die wirklich abmessen?)
Gib dem ersten/obersten Menüpunkt Position relative, die nächsten musst du absolut an dem, die darauffolgenden am nächstoberen usw. ausrichten. Anders gehts nicht, weil du die nur per Position aus dem Dokumentfluss nehmen kannst und sonst beim aufklappen die nachfolgenden Elemente verschoben würden.
Wie kriege ich es vernünftig hin, dass jede Unternavigation sich öffnet, nachdem ich auf den Überpunkt hovere?
Vielleicht hilft dir das weiter
 
Zuletzt bearbeitet:
AW: 5-Stufen-Navigation >.<

Hi!

Schau mal bei Stu Nicholls vorbei, wenn du's per CSS bauen möchtest:

Dort findest du jede Menge geniale CSS-Geschichten.

Ich persönlich würde allerdings aufgrund der Bedienerfreundlichkeit bei Multi-Level-Menüs wirklich eher auf JQuery zurückgreifen, denn, wer kennt es nicht:
Da hat man sich als User mühsam in die vierte oder fünfte Ebene vorgearbeitet und hovert dann nur einmal kurz versehentlich daneben!
Konsequenz: Man kann wieder ganz von vorne anfangen, weil sich alle Unterebenen ruckizucki wieder zusammengeklappt haben...
Bei fertigen JQuery-Templates lässt sich hier eine Verzögerung einstellen, so dass die FlyOuts auch beim "abrutschen" noch eine gewisse Zeit stehen bleiben.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.484
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben