Drop-Down Menü Tutorial

[DJ-Plazmatron]

Hallo,

Ich suche schon wie beklopt nach einer einfachen Lösung für ein DropDown menü, jedoch werde ich einfach nicht fündig. Natürlich habe ich einiges gefunden, jedoch nichts was sich mal eben umsätzen lässt.

Daher wollte ich euch fragen, ob mir hier jemand ein ordentliches Tutorial schreiben könnte, wie ich welchen Code wo anzuwenden habe und welchen Code ich in was für einer Datei wie einsetzen muss damit es auch alles funktioniert.


Dieses DropDown Menü ist sehr wichtig, da wir in kürze unsere Seite vollständig umändern wollen, und dann diese Menü Art benötigen werden.

 

[threadi]

Dropdown ist eine Aktion zusammen mit Gestaltung, nichts wofür HTML zuständig ist. Die besten Lösungen dafür findet man im CSS-Bereich, weshalb ich deinen Beitrag mal in den CSS-Bereich des Forums verschoben habe.

Beispiele für Dropdown-Menüs gibt es sehr viele. Welche hast Du denn bereits probiert? Woran bist Du verzweifelt?

 

[EndOfGreen]

Drop-Down-Navigationsmenü mit CSS und (fast) ohne Javascript - Tutorial Sowas? Eine ganz kurze Suche bei Google hat mich schon dahingeführt.


http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ Und hier sind noch ein paar weitere Dropdown-Menüs.

 

[prm]

Vertikales Ausklapp-Menü
Horizontales Dropdown-Menü

 

[DJ-Plazmatron]

Es fehlt mir da an der Erklärung wo und wie der CSS Code eingesetzt werden muss, und wie er dann mit dem Klappcode verbunden werden muss, weil ich kenne mich damit reingarnicht aus, habe sowas noch nie gemacht.


Daher brauche ich ein Tutorial wo detailiert beschrieben wird welchen code ich wo wie einsetzen muss und wie ich alles mit einander verbinden muss, damit es auch funktioniert.

 

[Elroy]

Hallo.

Hier ist ein sehr ausführliches Tutorial: CSS Menu Tutorial - Horizontal and Vertical CSS Menus

Deine Fragestellung lässt mich aber vermuten das dir die Grundlagen von CSS noch nicht bekannt sind.
In diesem Fall hilft dann wohl nur ein CSS Tutorial durchzuarbeiten: CSS Tutorial.

Gruss
Elroy

 

[DJ-Plazmatron]

Bei dem Tutorial fehlt auch das was ich brauche dort ist ebenfalls nicht erklärt, wo ich die css codes einsetzten muss, bo in einer eigene datei oder irgent wo über dem klappt menü script.

Das Fehlt dort., so kann ich damit nichts anfangen.

 

[EndOfGreen]

Am besten wäre es, wenn du erstmal ein CSS-Tutorial durcharbeitest, dann würde sich diese Frage:

Bei dem Tutorial fehlt auch das was ich brauche dort ist ebenfalls nicht erklärt, wo ich die css codes einsetzten muss

nämlich schon von selbst beantworten. ;)

 

[Elroy]

Bei dem Tutorial fehlt auch das was ich brauche dort ist ebenfalls nicht erklärt, wo ich die css codes einsetzten muss, bo in einer eigene datei oder irgent wo über dem klappt menü script.

Das Fehlt dort., so kann ich damit nichts anfangen.

Hallo.

Bitte diesen Link durcharbeiten: SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden
Danach sollte deine Frage beantwortet sein.

Ich sehe allerdings weitere Probleme auf dich zukommen.
Bei all diesen Tutorials wird Grundlagenwissen vorausgesetzt.

Weisst du was Selktoren sind und wie man sie einsetzt? Kennst du den Unterschied zwischen einer class und einer id?

Arbeite bitte erst mal das CSS Tutorial das ich dir in Posting 6 verlinkt habe durch.
Ohne die nötigen Grundlagen kann das nichts werden.

Gruss
Elroy

 

[prm]

CSS-Codes gehören am besten in eine ausgelagerte CSS-Datei, siehe hier Ziffer 2: CSS-Styleangaben einbinden