Dropdownmenü
Hallo.. ich bräuchte Hilfe bei der Erstellung eines DropDownMenüs für meine Website.
Hier ein Screenshot des Designs(bei einem "hover" ändert sich die Darstellung des Buttons): http://i.imgur.com/2WjgfAx.jpg Hier noch mein HTML-Code zu den bisherigen Buttons: Code:
<div id="buttons"> Code:
body { Wie bekomme ich es hin, beim "hovern" auch noch einen dropdown-Effekt zu erzeugen? Ich bedanke mich schonmal für eure Antworten. Liebe Grüße z3d |
Hallo,
mit Menü hat dein ganzer Code wenig zu tun, und mit einem dropdownmenü noch weniger. Was Du hier hast sind ein paar divs die nebeneinander liegen (durch "float: left") und beim hovern das obere Bild verschwinden lassen (durch "height: 0 -39px"). Ja, die code könnte man benutzen um daraus ein Menu zu gestalten, ist aber wohl eher für einen button gedacht - wie der Name auch sagt. Ich würde anraten den code für ein richtiges Menü zu verwenden, und wenn das das dann noch einen zweiten level haben soll, kommt die dropdown-Funktion zum Vorschein. |
Ein Tipp nebenbei:
Der Aufbau deiner Navigation ist nicht sonderlich schön. Du kannst so zwar die gewünschte Optik erzielen, allerdings werden barrierefreie und semantisch korrekte Navigation mit Listen erstellt. Beispiel: HTML-Code:
<ul> |
Alle Zeitangaben in WEZ +2. Es ist jetzt 12:23 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023