Zum Inhalt springen

Horizontales Menü - Aktiven Menüpunkt andersfarbig darstellen

Erstellt am 9. März 2010 · 2 Antworten · letzte Antwort am 10. März 2010

Tags: HTML & CSS, Frage

nadinek ·

Hallo an die Profis!

Auch ich bin ein Typo3-Anfänger und hoffe, dass mir jemand weiterhelfen kann.

Ich möchte in einem horizontalen Menü den aktiven Menüpunkt andersfarbig darstellen und komme zu keiner Lösung - trotz mehrstünidiger Suche im Internet. o.O

Welche Angaben fehlem im Typoscript? Sämtliche Versuche scheiterten kläglich.

Typo-Script:

lib.menu_oben = HMENU
lib.menu_oben {
  special = directory
  special.value = 110
  1 = TMENU  
   1 {
   NO = 1
   NO {
   linkWrap =  | | |*|  | | |*|  |
   }
   ACT = 1
   ACT {
   ATagParams = class="menu_oben_act"
   linkWrap =  | | |*|  | | |*|  |
   }
  }
}

Oder sind die CSS-Angaben nicht korrekt?

CSS:
.menu_oben {
padding: 5px;
}
.menu_oben_act {
text-decoration: none;
font-weight: bold;
color: #0056AD;
}
#menu_oben {
position: relative;
top:0px;
font-size: 1.1em;
clear:both;
background: url(.../images/menuehintergrund.gif);
text-align:left;
color:#3F464F;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 5px;
height: 20px;
width: 990px;
text-decoration: none;
}
#menu_oben a {
text-decoration: none;
font-weight: bold;
color: #3F464F;
}
#menu_oben a:hover {
font-weight: bold;
color: #0056AD;
}
#menu_oben a:active {
font-weight: bold;
color: #0056AD;
}

Vorab schon mal vielen Dank für Vorschläge.
nadinek

longhook ·

Hallo nadinek,

auf den ersten schnellen Blick vermute ich eher, dass es an den spezifischen Gewichtungen der definierten CSS-Regeln liegt. Einen ersten Einblick in das Thema bekommst du z.B. hier. Danach ist deine Auszeichnung für .menu_oben_act weniger gewichtig als die für #menu_oben a. Um zu testen, ob ich richtig liege, könntest du folgendes probieren:

.menu_oben_act {
text-decoration: none;
font-weight: bold;
color: #0056AD !important;
}

Gruß
longhook