Vielen Dank

Besten Dank!

lösch mal dein

.sf-menu li a {}

und probier mal so
.sf-menu a.active {
color: #AA0404;
}

wenn das nicht funkzt, kannst dus auch so untergliedern in

.sf-menu ul li a.active {
color: red;
}

.sf-menu ul li ul li a.active {
color: blue;
}

und wenn das auch nicht funkzt, postest vielleicht mal deinen code… ;o)

LG Sandra

das a bekommt die Klasse active. Also die Klasse active bekommt schon das richtige a, bloß die Vererbung ist das Problem. Die (ungewünscht roten) a’s der Submenüs haben nur geerbt die Eigenschaften von active geerbt, sie selber sind natürlich nicht active.

Für die a’s hab ich doch extra dies hier definiert:

.sf-menu li a {
color: #979797;
}

Grüße
Robert

wer hat denn bei dir das .active die a oder die li ?

Du kannst es mal so probieren.

.sf-menu a.active {
color: #AA0404;
}

oder so:

.sf-menu li.active a {
color: #979797;
}
.sf-menu li.active li a {
color: #979797;
}

LG Sandra

sehr gut nachvollziehbares Tutorial. Habe superfish in Joomla! eingesetzt und alles so heinbekommen, wie ich es wollte. Ein Problem hab ich aber noch, und zwar sollen die aktiven Links rot sein. gelöst hab ich das so:

.sf-menu .active a {
color: #AA0404;
background-position: -10px -100px;
}

Das funktioniert auch, Problem ist jetzt, dass wenn ein Link im Submenü aktiv ist, alle andere Links des Submenüs auch rot sind, weil sie den CSS Code erben. Ich hab unter dem obigen CSS Code nochmals dies definiert:

.sf-menu li a {
color: #979797;
}
.sf-menu li li a {
color: #979797;
}

Wird im Firebug zwar angezeigt, aber ist durchgestrichen. Das .active setzt sich irgendwie durch. Was kann ich tun damit damit nur der aktive Link der Submenüs rot wird und die anderen Links grau bleiben?

Grüße
Robert