[css-starter]

Hi, ich habe wohl entweder nicht lange genug nachgedacht, bin zu blöde oder habe eine Blockade.
Wahrscheinlich alles 3... trotzdem... vielleicht kann einer helfen ?

Ich habe da ein Menu (mit verschiedenen Untermenüs, die zur Kennzeichnung unterschiedliche Hintergrundfarben, Einrückungen und backgroundimages haben)

Ausschnitt:
<li><a class="auswahl1" href="...">Beispiele</a></li>
<li><a class="verzweigung2" href="...">Checkliste</a></li>
...
Ausschnitt CSS:
#Navi ul.mainnavi li{background-image: url(../img/rahmen/menuschat4.gif);margin-top: 0px;}

#Navi ul.mainnavi a{text-decoration:none;padding-left: 7px;display: block;height: 25px; line-height: 25px}

#Navi ul.mainnavi a.verzweigung0 {background-image: url(../img/rahmen/pfeilunten.gif); background-repeat: no-repeat;padding-left: 21px;background-position: 8px center;}

Für das Überfahren habe ich die Hyperlinks einfach blau gefärbt und das sieht cool aus, da ich sie ja "geblockt" habe, ist die gesamte Link- Bildfläche aktivierbar.

#Navi ul.mainnavi a:hover,
{background-color: #A0B7e8;}

Nun die Fräge:
[b]Wie kann ich die hover- Darstellung (background-color Änderung) am elegantesten für alle Klassen nutzen ?[/b]
Die gerade aktive Seite soll nämlich auch einfach im Menu blau markiert sein.

Mit Span habe ich keinen Erfolg (blau fängt erst beim Schriftanfang mit der Hintergrundfarbe an)
<li><a href="Beispiel" class="verzweigung2"><span class="verzweigung2">Checkliste</span></a></li>

.gewaehlt
{display:block; background-color: #A0B7e8;}

Kann man mit Java Skript z.B. "a:active" einfach "von Hand setzten" und dann einfach:
#Navi ul.mainnavi a:active,
{background-color: #A0B7e8;}

Bin gespannt ob jemand Zeit zum helfen hat und ich mich ausdrücken konnte

[mtk]

Also das mit dem Ausdrücken üben wir nochmal! Ich bin aber der Meinung dass du kein Javascript benutzen musst um deine Links im hover-Zustand zu beeinflussen. Geht alles über CSS!

Daher frag ich noch mal genauer nach: Was ist das konkrete Problem bei dir? Formulier es so simpel wie möglich! Das geht am schnellsten.

MFG mtk

[css-starter]

Hi, danke für die interessierte Nachfrage. Ich habe eben selber eine Lösung für mein unverständliches Problemchen gefunden
Ich wußte nicht, dass man einem Tag mehrere Klassen zuordnen kann und das die ! important- Regel auch ganz nützlich sein kann:

So ist meine Lösung folgende: (Angenommen die Beispielseite wird gerade angezeigt):
<li><a class="auswahl1 gewaehlt" href="...">Beispiele</a></li>

mit CSS:
.gewaehlt {background-color: #A0B7e8 ! important;}

Vielen Dank nochmal für die Anteilnahme. Nächstes Mal versuche ich mich kürzer zu fassen und vorher will ich an meinem Verständigunsproblem arbeiten. Es nützt blos nichts

[mtk]

Wird schon!

Schön dass du selbst drauf gekommen bist!

Bitte editiere deinen ersten Eintrag und füge in den Titel [solved] hinzu. So sehen die anderen dass dein Problem gelöst wurde.

MFG mtk

[Mac]

btw: gibt es ein </li> ??

[mtk]

</li> ist der Abschluss eines Listenelement Tags!

wie bei <p>TEXTTEXTTEXT</p>

<li>Listeneintrag</li>

[Mac]

ok, du hast ja recht - Anmerkung siehe unten
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=%3Cli%3E

Man kann es auch weglassen.

[mtk]

Mann kann es weglassen?

Reden wir eigentlich vom selbem Thema???^^ Ich glaub ich hab hier was verpasst.

Klär mich bitte mal auf.