[Barodscheff]

Hallo Leute,

das Thema wurde schon öfters besprochen aber ich finde einfach jedes mal was anderes und ich weiß jetzt nicht welche die richtige Lösung ist.

Ich bin neu im Bereich HTML / CSS.. Ich nehme an die Frage wird für euch ein Klaks.

Ich bin dabei eine horizontale Navigation zu Erstellen. Soweit so gut.

Mein Vorhaben:

Navigationsleiste mit ca. gleich großen Reitern. Als Hintergrund möchte ich eine Grafik einbinden. Beim drüberschweben mit der Maus soll sich die Farbe verändern und nach einem Klick ebenso. Innen sollen rechts und links dünne Rahmenlinien sein, welche nicht durch Überlappen fetter werden.

Ich möchte Dropdown Listen mit Unterpunkten einbauen. Diese Dropdownlisten sollen die gleiche Breite besitzen wie die oberen Punkte, jedoch andere Farbwerte und andere Schriftgrößen.

Schrift immer zentriert.

So wie ich die ganzen Effekte beim Rüberschweben etc. erstelle weiß ich schon. Meine konkreten Fragen:

Wie erstelle ich Navigationen mit Dropdowns korrekt? Es gibt dazu soviele verschiedene Themen im Internet doch ein Beitrag ist älter als der Andere. Wie kann ich diese Dropdowns seperat von der Leiste bearbeiten? Brauche ich Java?

Wie erreiche ich das mit den Rahmenlinien und den gleichen Abständen der Buttons, wobei die Navigationsleiste die Breite des Inhaltsbereiches haben soll.

Hoffe einer kann mir auf die Sprünge helfen,

lg

[andir]

Um zu lernen, gibt es kaum besseres als die Arbeiten von Stu Nicholls.
Vorsicht, er ist manchmal etwas verspielt, nicht alles ist Gold und es gibt verschiedene Interationen von Menüs. Also anschauen und Anmerkungen beachten! Alles in Englisch:

Stu Nicholls | CSSplay | CSS only menus

[Barodscheff]

Da war ich schonmal aber wo stehen denn da die codes zu den Beispielen?

[andir]

Schau Dir den Quelltext der Seite an, Stu Nicholls läßt die CSS-Formatierung im Dokument, damit man nicht ewig suchen muss.

Also die benötigten Teile rauskopieren, in eine eigene Seite einbinden und gut ist.
Ich schlage vor, du beginnst mit einem sehr einfachen Menü um zu "üben" und zu erkennen, was welches Element macht und wie es ausgezeichnet ist.

Die komplexeren Menüs dann im zweiten oder dritten Schritt.

[Barodscheff]

Ok danke.
Hab jetzt schon einiges rausgefunden, ist echt gut die Seite.

Aber ich finde immer noch nicht wie man es hinkriegt dünne Rahmenlinien im horizontalen Menü zu erstellen. Da die sich überlappen sind sie einfach immer dicker und das sieht nicht gut aus.

[andir]

Schau, wie es Stu Nicholls macht.
Meistens geht das so, dass man nur eine Border definiert ( links oder rechts) und je nachdem, wie es dann aussieht, dem ersten oder letzten horizontalen Element mit einer zugewiesenen Extra-KLasse den Border entweder wegnimmt oder auf der anderen Seite ergänzt.