Probleme mit Hover bei Submenu

Hallo,

ich bin ein echter Anfänger was CSS und Contao anbelangt, aber ich möchte mich da jetzt reinarbeiten, denn im Moment habe ich recht viel Zeit.

Ich habe nun folgendes Problem in meinem Menu sollen die Punkte beim drüberfahren grau hinterlegt werden.
Code sieht so aus:
.nav3-grid ul li:hover, .nav3-grid ul li ul li:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none; }

Nur ist mein Problem das bei dem Punkt mit dem Unterpunkt immer der Punkt der ersten Ebene und der 2. Ebene grau werden. Eigentlich möchte ich jeweils nur den Punkt haben über dem der Mauszeiger steht.
Das Bild im Anhang zeigt nochmal mein Problem.

Lieben Gruß und bitte nicht in der Luft zerreissen...

Alexander

Hallo Alexander,

wenn du dich in CSS einarbeiten willst empfehle ich dir alle CSS-Kapitel bei selfhtml von vorne bis hinten durchzulesen, (die einzelnen Eigenschaften sind dabei nicht so wichtig, die kannst du bei Bedarf nachschlagen), hauptsächlich das zu den Selektoren.

.nav3-grid ul li:hover,
.nav3-grid ul li ul li:hover

ist redundant, da du mit

.nav3-grid ul li:hover

bereits alle Listenpunkte ansprichst. Es ist klar, dass dann bei Maus über LI alles grau wird, was in dem LI drin ist, also auch die nächste eingerückte Liste.

Mein Tip: Formatiere alle SPANs und As in Contao-Menüs als Blockelemente (display: block;), dann kannst du die Formatierungen wunderbar direkt dort auf diese Elemente anwenden.

a:hover { color: #cccccc; }

bewirkt dann, dass nur das Element A über welchem du dich befindest sich verändert. A:hover funktioniert übrigens gegenüber LI:hover auch in älteren Browsern.

Noch ein Tip: Verwende besser Hexadezimalfarben, das ist auf Dauer einfacher. Dieser Freeware Color-Picker hier ist der beste den ich kenne, er kann dir gut dabei helfen http://www.color-picker.de/

Gruß Andreas

Vielen Dank Andreas!!

Ich bin noch wirklich neu aber jetzt hat es so geklappt wie ich wollte^^

Das Problem saß halt mal wieder vor dem Rechner....

Trotzdem vielen Dank auch wenn die Frage vielleicht banal erschien.

Das CSS Tutorial hatte ich schon vor einem halben Jahr gelesen und dann eine Pause eingelegt und jetzt muss ich es glaube ich noch mal lesen

Ja klar, ist ja ein Nachschlagewerk, einmal lesen reicht nicht. Weiß gar nicht, wie viele Tausend Male ich da schon reingeguckt habe. :D

Zitat:

---

Zitat von Spencer

Das CSS Tutorial hatte ich schon vor einem halben Jahr gelesen und dann eine Pause eingelegt und jetzt muss ich es glaube ich noch mal lesen

---

SelfHTML ist zum Lernen viel zu öde, weil es ein Nachschlagewerk ist.

Versuchs mal hiermit, da kannst du wenigstens direkt mitbauen. ;)