Ich habe ein Problem mit meiner Rolloverfunktion bei meinem Textmenü. Ich habe im normal Zustand eine div Box um den Inhalt gebaut. Diese soll sich beim Rollover verändern, konkret, sie soll die Farbe ändern. Dazu habe ich eine neu CSS klasse geschrieben, die der NO sehr ähnlich sieht, bis auf die Background-color. Es funktioniert aber nicht. Hat einer eine Idee wieso?
Typoscript-Code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33:
| temp.menu = HMENU temp.menu.entryLevel = 0 temp.menu { 1 = TMENU 1.expAll = 0 1 { NO { allWrap = <div class="navi"> |</div> } CUR = 1 CUR { allWrap = <div class="blaucur"> |</div> } RO = 1 RO.allWrap = <div class="blauro"> |</div> } 2 = TMENU 2 { NO { allWrap = <div class="blau1"> |</div> } CUR = 1 CUR { allWrap = <div class="blaucur"> |</div> } RO = 1 RO.allWrap = <div class="blauro"> |</div> } } |
Code:
/* CSS Document */
a:link { font-weight:bold; color:black; text-decoration:none; }
a:visited { font-weight:bold; color:black; text-decoration:none; }
a:focus { font-weight:bold; color:black; text-decoration:none; }
a:hover { font-weight:bold; color:black; text-decoration:none; }
a:active { font-weight:bold; color:black; text-decoration:none; }
.navi { width:160px; height:30px; background-color:#295AF9; font:bold; font-size:20px; }
.blau1 {width:145px; height:30px; background-color:#ddf; position:relative; top:0px; left:15px; font-size:20px; font:bold;}
.blauro {width:160px; height:30px; background-color:#5E83F8; font-size:20px; font:bold;}
.blaucur {width:160px; height:30px; background-color:#5E83F8; font-size:20px; font:bold;} Hier ist sowohl die CSS Datei, als auch der dazugehörige Typo Code. Ich versteh das einfach nicht. Das sollte doch eigentlich einfach so funktionieren ^^. Vielen Dank für die Hilfe schonmal im vorraus.