|
|||
Horizontale Navigation
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 |
Sponsored Links |
|
|||
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
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
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.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
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. |
|
|||
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.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 11:11 |
Float-Problem? | mischaef | CSS | 33 | 20.10.2010 16:20 |
Problem mit FlyOut Menu im IE7 | quarki69 | CSS | 5 | 15.03.2010 15:46 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 15:29 |
Container mit 2 Container darin -> Hintergrund anzeigen | bendar | CSS | 4 | 05.04.2005 18:18 |