Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

[bigfraggle]

Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Hallo zusammen,

ich sitze jetzt Ewigkeiten an einer CSS-Navigation. Die horizontale Hauptnavigation ist kein Problem, jedoch brauche ich bei einigen Navigationspunkten eine Unternavigation.

So siehts aktuell aus: http://www.sxa-clan.de/test/navi.html
So soll es aussehen: http://www.sxa-clan.de/test/navi.gif

Habe zwar schon einige Codeschnippsel bei diversen Seiten gefunden, aber irgendwie hapert er mit der Umsetzung...

Kann mir jemand helfen?

Viele Grüße
Marc

 

[klausbyte]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

http://phoenity.com/newtedge/horizontal_nav/

 

[Leertaste]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Ich würde diese empfehlen:
Mit JS für den <=IE6 http://www.htmldog.com/articles/suckerfish/example/
Ohne JS dafür mit CC für den IE: http://www.cssplay.co.uk/menus/index.html
Oder dies hier Barrierefrei mit JS: http://pfirsichmelba.de/artikel-scripts/suckerfish-barrierefrei.html


@klausbyte:
Schöne Seite, aber kein <= IE7 kann diese Seite aufrufen...wäre kein Hindernis, schließlich liegt es nur am DTD und "content-type", den man leicht ändern kann. Da die Navigation allerdings im <=IE7 gar nicht funktioniert, sollte man sie nicht nutzen.

 

[bigfraggle]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

-

 

[Leertaste]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Was ist das denn für eine Datei?

Das ist keine Datei, sondern eine Website. Diese ist mit dem DTD: XHTML 1.1 Strict ausgezeichnet und folgerichtig mit dem "content-type": "application/xhtml+xml". Letzteres sorgt dafür, dass der Internet Explorer 7 und kleiner die Seite runterladen statt anzeigen will.

 

[bigfraggle]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Danke, habe ich jetzt auch gemerkt...

http://phoenity.com/newtedge/horizontal_nav/

Hm, die Page hilft mir hier nur bedingt weiter.
Wie bekomme ich es hin, dass Hintergrund/Farben/Mouseover-Effekte von Haupt- und Unternavi verschieden sind?

Sorry, bin echt ein CSS-Depp.
Bin schon froh, dass ich überhaupt die Hauptnavi zustande bekommen habe...

@Leertaste: Danke für die anderen Links. JS kommt für mich nicht in Frage und die eine Seite ist mega unübersichtlich... Argh. Und bei den Beispielen habe ich wieder ähnliche Anpassungsprobleme wie oben.

 

[Mothman]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Ich weiß nicht, ob dir das hilft. Aber du kannst die Seite gerne kopieren:
http://yours-hosting.de/pcg/menu.html

Ich hab es dir ein bisschen aufbereitet. Sollte eigentlich leicht zu ändern sein.

 

[bigfraggle]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Hm, soweit bin ich ja auch schon (s. Link ganz oben).
Ich habe eher Probleme mit dem Untermenü...

 

[Leertaste]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Hm, soweit bin ich ja auch schon (s. Link ganz oben).
Ich habe eher Probleme mit dem Untermenü...

Drop-Down-Menüs sind nunmal nichts für Anfänger. Entweder beißt du dich da jetzt durch oder nimmst eine andere Variante.

 

[Eol_Ruin]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

http://css.maxdesign.com.au/listamatic2/horizontal04.htm

PS: Das ganze Listen-Tutorial is genial !!

oder
http://barrierefrei.e-workers.de/workshops/tricks/menues.php

oder
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

oder ganz schön:
http://www.cssplay.co.uk/menus/final_drop2.html

 

[Akkuschrauber]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Ich weiß nicht, ob dir das hilft. Aber du kannst die Seite gerne kopieren:
http://yours-hosting.de/pcg/menu.html

Ich hab es dir ein bisschen aufbereitet. Sollte eigentlich leicht zu ändern sein.

da is nen fehler drin:
beim punkt unternavigation1 funktioniert zur das onmouseover, nicht jedoch das onmouseout!!!

akku

 

[Mothman]

AW: Brauche Hilfe: CSS-Navigation mit Drop-Down-Menü

Ich weiß nicht, ob dir das hilft. Aber du kannst die Seite gerne kopieren:
http://yours-hosting.de/pcg/menu.html

Ich hab es dir ein bisschen aufbereitet. Sollte eigentlich leicht zu ändern sein.

da is nen fehler drin:
beim punkt unternavigation1 funktioniert zur das onmouseover, nicht jedoch das onmouseout!!!

akku

Du bist herzlich dazu eingeladen, den Fehler zu beheben. Aber da er ja offenbar eh kein Interesse hat, hänge ich mich da auch nicht weiter rein.