TMENU active funktioniert nicht

Habe zwei TMENUS bei denen der active-zustand nicht funktioniert, den ich eigentlich über css-regeln möchte.

Setup:

 page = PAGE
  
      page {
   
              typeNum = 0
              # Allgemeine Seiteneigenschaften setzen
              
              bodyTag = <body bgcolor="#000000" topmargin="0" leftmargin="0">

              meta.AUTHOR = Robert Meyer

              meta.DESCRIPTION = Hier steht eine Beschreibung

              stylesheet = fileadmin/style.css
   
              10 = TEMPLATE
  
              10 {
   
                      template = FILE
   
                      template.file = fileadmin/vorlage.html
   
                      workOnSubpart = DOKUMENT
   
                      marks {



                                    # Das Logo einlesen

                                       LOGO = IMAGE

                                       LOGO.file = fileadmin/images/header.jpg




MENU_OBEN = HMENU
MENU_OBEN.entryLevel = 1
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO.linkWrap =  
MENU_OBEN.1.NO.ATagParams = class = "navi"

MENU_RECHTS = HMENU
MENU_RECHTS.entryLevel = 2
MENU_RECHTS.1 = TMENU
MENU_RECHTS.1.NO.linkWrap = <br /><br />
MENU_RECHTS.1.NO.ATagParams = class = "menurechts"

  
                              INHALT = CONTENT
  
                              INHALT{
  
                                      table = tt_content


  
                                      select {
  
                                              where = colPos = 0
  
                                              orderBy = sorting
  
                                              languageField = sys_language_uid
  
                                      }
  
                              }
  
                              TEXT_INHALT_LINKS = CONTENT
  
                              TEXT_INHALT_LINKS {
  
                                      table = tt_content
  
                                      select {
  
                                              where = colPos = 1
  
                                              orderBy = sorting
  
                                              languageField = sys_language_uid
  
                                      }
  
                              }
                              TEXT_INHALT_RECHTS = CONTENT
  
                              TEXT_INHALT_RECHTS {
  
                                      table = tt_content
  
                                      select {
  
                                              where = colPos = 2
  
                                              orderBy = sorting
  
                                              languageField = sys_language_uid
  
                                      }
  
                              }
                              UEBERSCHRIFT = CONTENT
  
                              UEBERSCHRIFT  {
  
                                      table = tt_content
  
                                      select {
  
                                              where = colPos = 3
  
                                              orderBy = sorting
  
                                              languageField = sys_language_uid
  
                                      }
  
                              }
 
                      }
  
              }
 
      }

meine css-Datei:

<style type="text/css">
<!--

body { color: #333; font-size: 10px; font-family: Verdana; margin-left:20px;}
html {
margin: 0px;
padding: 0px;
margin-left:20px;
}

.menurechts { margin-left:20px;}
.menurechts:link { color: #D1D3D4; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold;}
.menurechts:visited { color: #D1D3D4; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold;}
.menurechts:hover{ color: #FFFFFF; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold;}
.menurechts:active { color: #FFFFFF; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: underline; font-weight: bold;}

.inhalt {
color: #D1D3D4;
font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: normal;
text-align: justify;
}

.ueberschrift {
color: #D1D3D4;
font-size: 14px; font-family: arial, helvetica, sans-serif; font-weight: normal;
}

.adresse{
color: #D1D3D4;
font-size: 9px; font-family: arial, helvetica, sans-serif; font-weight: normal;
}

.navi {
font-family: Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
border-bottom: 1px solid #000000;
padding: 3px;
}
.navi:hover {
font-family: Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
background-color: #A8B8B8;
}
.navi:active {
font-family: Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #595959;
background-color: #A8B8B8;
}

-->
</style>

Weder in .navi noch in .menurechts funzt der active!

Schonmal Danke im Vorrauus!

Mfg

.. nicht funktioniert, den ich eigentlich über css-regeln möchte.

😉

Wenn CSS dein Problem ist, dann hat es wenig mit Typo3 zu tun. Du vergibst ja Klassen oder? Dann ran an's CSS!

Ja richtig, aber soweit ich weiss stimmen die css-anweisungen, also ist es doch eher ein typo3-problem das da noch drin steckt.
Wenn ich nämlich eine Testseite mit oben genannten css-aneweisungen einrichte funktionieren diese auch, jedoch nicht in verbindung mit typo3!
habe ich evtl. ncoh ein problem in meinem typoscript an der stelle der menü-definitionen, also fehlt da noch die ACT bzw. CUR anweisungen...

oder was mache ich falsch?

MfG

Also irgendwie verstehe ich nicht ganz:
Du weisst, das mit ACT/NO, etc.. und Du testest mit anderem HTML.

An Typo kann es immer noch nicht liegen. Deine Seite scheint zu funktionieren, nur die CSS-Klassen nicht.

Ich kann Dir nur empfehlen mal den Quellcode im Frontend anzusehen und den ACT-Status letztendlich einzubinden - wenn Du das auch schon ansprichst #paralyzed#

>> https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Index.html >> 6.

Trotz einbau von RO und ACT/CUR habe ich mein Problem immer noch nicht lösen können. 😢 Wenn ich den Quelltext anschaue sind die Klassen eingebunden, jedoch werden Sie, wohl nicht richtig interpretiert...also muss wohl was im typoscript falsch sein!

Setup:

#Menue oben
MENU_OBEN = HMENU
MENU_OBEN.entryLevel = 1
MENU_OBEN{
1 = TMENU
1.NO = 1
1.NO{
ATagParams = class="navi"
}
RO <.NO
RO {
RO = 1
ATagParams = class="over"

}
CUR <.RO
CUR{
CUR = 1
ATagParams = class="aktiv"

}
}

CSS-Datei:

.navi {
font-family: Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
border-bottom: 1px solid #000000;
padding: 3px;
}

.over {
font-family: Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
background-color: #A8B8B8;
}

.aktiv {
font-family: Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #595959;
background-color: #A8B8B8;
}

Habe schon stundenlang das Forum durchsucht jedoch keine passende Lösung gefunden. Brauche wirklich dringend Hilfe!!!
Mfg

RO ist meines Wissens ein GMENU-Element. RO macht im TMENU bei Verwendung von CSS auch wenig Sinn.

Wenn ich den Quelltext anschaue sind die Klassen eingebunden, jedoch werden Sie, wohl nicht richtig interpretiert...

genau:
wenn dein Quellcode im Frontend korrekt ist, ist dein TypoScript nicht falsch.
Meine letzten Tipps: klemm Dich nochmals hinter's CSS oder verwende ein GMENU.

CSS Doku
http://home.arcor.de/michaels.interface/tutors/css/css.documentation/index.htm

Dein TS ist ziemlich falsch (Syntax). Folgendes dagegen nicht:

#Menue oben
MENU_OBEN = HMENU
MENU_OBEN.entryLevel = 1
MENU_OBEN{
1 = TMENU
1.NO {
ATagParams = class="navi"
}

1.CUR = 1
1.CUR {
ATagParams = class="aktiv"
}
}

RO brauchst Du nichgt zu definieren, ist ja schließlich ein TMENU. Da reicht doch "hover" im css.

vielen vielen danke theo!!!!!
hat funktioniert und mir heut morgen den allerwertesten gerettet 😉
Mfg