[ing]

Hallo zusammen,
Habe nun seit einiger Zeit intensiv das Web nach einer Lösung für mein Problem durchforstet - leider bisher erfolglos und hoffe daher sehr, dass ich hier eine Antwort finde – werden halb wahnsinnig vom Suchen……
Also:

Ich will eine dynamische Navigationsleiste mit insg. 5 Rubriken bauen, jeder Rubrik wird eine andere Farbe zugewiesen, sobald man mit der Maus drüber fährt. Sonst ist im Ursprungszustand jede Rubrikfarbe weiss.

Hier der Aufbau der Navi, wie sie von der Logik her sein soll:

Farben der Rubriken
Rubrik 1 (grau) — Rubrik 2 (pink) — Rubrik 3 (rot) — Rubrik 4 (gelb) — Rubrik 5 (blau)

Aufklappen des Menus bei Rollover
Die Rubriken 2 und 4 erhalten je 2 bzw. 3 Subnavi-Verweise, die ich bisher mit den ul- und li- Befehlen programmiert habe.

Mein Problem:
Die farbig nach unten aufploppenden Subnavis / Rubriken, sobald man mit der Maus darüber fährt.

Wie kann ich die Farben beim Rollover-Effekt e i n z e l n, je Rubrik ändern / definieren?
Bisher arbeite ich mit dem style-Verweis a:hover, aber damit kann ich ja immer nur alle Rubriken gleich einfärben....

Im Voraus, so hoffentlich: Danke für eure Hilfe!
Fast verzweifelte Grüße!

[DerM]

Dann zeig doch mal was Du bisher gemacht hast..

Und btw HTML wird nicht programmiert ^^

[pRiMUS]

[ing]

nich programmieren? was sacht man denn stattdessen (ka :)

Hier dann mal ein Link mit der Testseite, wie es schon fast aussieht, bis auf die Farbfrage eben...
http://kim-art.net/navitest.html

Wie man hier sieht, sind alle Rollovers bisher noch blau...

[ing]

an pRIMUS:
<li class="gruen"> -> wenn ich die Klasse bestimme, müsste ich dies in style-Bereich machen oder in eine extra css-referenz? Normale Farbwerte wie "#1234556" kann ich ja nicht eintragen, oder?

Sorry, hab schon ne matschbirne durch die viele sucherei :)

[ing]

Hmm... , leider haut das nicht hin: Ich kann zwar nun die Farben ändern, wenn ich die Klasse bestimme, aber der Hover-Effekt ,den ich unter <style> definiere, bleibt ja für alle Listenpunkte gleich.

Hat noch jemand eine Idee?

… hilfloses Danke und Grüße!

[mollyroellchen]

Schau mal bei css4you, da findest du das geballte Wissen zu CSS und Co.
Und style brauchst du doch für eine extra CSS Datei nicht.

[easteregg]

Du kannst auch die einzelnen definierten Klassen einzeln beim hover ansprechen. Beispiel: .gruen a:hover { color: green; } für deinen grünen Punkt, etc pp (an Stelle von "green" kann natürlich dein Hex-Farbwert stehen).