Zum Inhalt springen

Menü mit Css steuern

Erstellt am 9. Februar 2007 · 4 Antworten · letzte Antwort am 11. Februar 2007

Tags: Frage

pokusmus ·

Hallo zusammen,
ich hoffe, jemand kann mir helfen:
Ich habe ein Menü, dass ich gerne über CSS steuern würde - also Hintergrundbilder, Rollover-effekt, etc.
Ich hab folgendes TS für das Untermenü:

lib.mainMenu.2 = TMENU 
lib.mainMenu.2 {
    NO{
     linkWrap = <li>|</li>
     allWrap = <ul>|</ul>
     ATagParams = class="naviSub"
     #RO=1
   }
}

und im CSS steht dann:

.naviSub:active{
	text-decoration:none;
	color:#333333;
	padding-left: 15px;
	background-image: none;
	font-weight:bold;
}

so funktioniert das aber nur bei rollOver (also statt :active :hover) und mir ist nicht klar, warum? Hat jemand eine Idee, was mein Fehler ist?

Danke und Grüße,
anna[/b][/url]

einpraegsam.​net ·

Wenn du die Aktiven anders aussehen lassen willst:

lib.mainMenu.2 = TMENU
lib.mainMenu.2 {
   wrap = <ul>|</ul>
   NO {
     linkWrap = <li>|</li>
     ATagParams = class="naviSub"
   } 
   ACT{
     linkWrap = <li>|</li>
     ATagParams = class="naviSub_act"
     ACT=1
   }
}
pokusmus ·

hallo,
danke für deine hilfe, aber es klappt leider immer noch nicht 🙁 Kann es sein, dass das an TemplaVoila liegt? Es ist halt seltsam, dass es bei :hover funktioniert...

Honk88 ·

Hi,

wunschtachos Hilfe vielleicht nicht ganz richtig gelesen/verstanden.
Der per TS definierte ACT-Zustand muss im css in folgender Form umgesetzt
werden.

.naviSub_act {
...
}

hat also an der Stelle nichts wirklich mehr was mit dem css a:active
zu tun sondern legt eine eigene Klasse für den ACT-Zustand fest.

LG
Honk

pokusmus ·

hi,
erst mal vielen dank für eure Hilfe!!
ich hatte dann schon eine eigene sub_active css-klasse definiert, aber das problem war, dass ich das ACT=1 innerhalb der ACT geschweiften klammern stehen hatte, das muss aber davor... puh 🙂