Thema: Problem mit hervorheben von aktiven Menüpunkten Template von 1.5 zu 1.7

Hallo zusammen,

ich arbeite derzeit an meinem ersten Joomla Template, den ich "upgegratet" auf die Joomla Version 1.7.x habe, doch nun habe ich leider doch ein kleineres Problemchen:

Ich möchte, dass sich die Hauptmenüeinträge in meinem Linken Menü beim Überfahren der Menüpunkte nicht den Grauen Hntergrund behält, bilder sind dabei. Außerdem verändert sich auch die Schriftfarbe beim drüberfahren, ist richtig, jedoch soll die Schriftfarbe und der erst neu hinzugefügte Hintergrund bei einem aktiven Menü-Link angezeigt werden.... wie löse ich dieses Problem am besten?

Habe schon etwas rumgespielt, doch auch nicht die passende Lösung gefunden.

-> http://www.rrsv-gross-zimmern.com <- Das ist die Seite.
Ich hoffe ihr könnt mir helfen..

beste Grüße

Tobias

Hallo Tobias,

die Site hat kein Topmenü, aber ein weig stehen bleibendes "Suchen...."
Falls du das linke vertikale Menü meinst, dann bitte mitteilen, wo da ein Untermenü sitzt.


Axel

Dein letztes Post ist mir irgendwie entwischt und sehe ich erst jetzt...
Du hast keine Active-Formatierung angegeben.
Füge das mal in deine CSS ein:

Code:

#leftcolumn ul.menu li a:active, #rightcolumn ul.menu li a:active{
...
}

Sollte es dann nicht gehen, haben wir zumindest was konkretes zum ausprobieren


Axel

Zitat von time4mambo

Dein letztes Post ist mir irgendwie entwischt und sehe ich erst jetzt...
Du hast keine Active-Formatierung angegeben.
Füge das mal in deine CSS ein:

Code:

#leftcolumn ul.menu li a:active, #rightcolumn ul.menu li a:active{
...
}

Sollte es dann nicht gehen, haben wir zumindest was konkretes zum ausprobieren


Axel

Hallo Axel,

einmal so mit "..." wie du meinst, und einmal etwas abgeändert:

Code:

#leftcolumn ul.menu li a:active, #rightcolumn ul.menu li a:active{
color: #AD4091;
background: transparent url(../images/t_menu_hover.png) no-repeat top right;
}

Doch auch ohne Erfolge.

Ich hab glaub ich auch Festgestellt, dass der Hintergrund "aufgerufen" wird *nur beim drüber fahren*, jedoch es grau bleibt. Das Image jedoch Pink ist.

Ein Fehler-Teufel, eingeschlissen?

Lg,
Tobi

PS: NACHTRAG: Habe den Hover-effect behoben, anderer Bild-Link! Versuchs selbst mein glück weiter. Bitte umHilfe für den aktiven Link :(

Hallo Tobi,

die Pseudoselektoren bereiten manchmal Probleme.

Wie ich aber gesehen habe, gibt es die Klasse active für die Menüs, d.h mit
li.active a {background-color: ##ff0000;}
solltest Du Deinem Ziel näher kommen.

Christian

Das wird noch einmal überschrieben. Weiß abe rnicht wo. Setze diesen ganzen Block mal nach ganz unten in der CSS-Datei und schreibe hinten noch jeweils ein important! dazu:
template.css (Zeile 956)

Code:

#leftcolumn ul.menu li a:active, #rightcolumn ul.menu li a:active {
    background: url("../images/t_menu_hover.png") no-repeat scroll right top transparent !important;
    color: #AD4091 !important;
}

Und die "..." sind natürlich Platzhalter für die Formatangeben


Axel