Zum Inhalt springen

Textmenü / aktive Seite wird nicht angezeigt

Erstellt am 11. Januar 2006 · 1 Antwort · letzte Antwort am 12. Januar 2006

Tags: HTML & CSS, Frage

beelzebub ·

Hallo,
habe für den Anfang ein einfaches Textmenü erstellt.Funktioniert soweit auch.
Allerdings wird die aktuelle Seite nicht wie gewollt besonders markiert.
Dieses soll über css geschehen.
Wenn ich den Curser auf den Link halte und die Maustaste drücke dann erscheint der Link verändert. Halt so wie es sein soll.
Ist die Seite dann aufgeschlagen und ich lasse die Maustaste los verschwindet die Hervorhebung wieder !! ?????

Mein Typoscript

# Default PAGE object:
page = PAGE
page.typeNum = 0
page {
        typeNum =  0
        bodyTag = <body bgColor = "#DDDDDD">
        stylesheet = fileadmin/css/style.css

        

10 = TEMPLATE
10.template = FILE
10.template.file =  fileadmin/template/main/template1.html
10.WorkOnSubpart = DOKUMENT


10.marks {

 MENU_OBEN = HMENU
 MENU_OBEN.special = directory
 MENU_OBEN.special.value =  35
 MENU_OBEN.1 = TMENU
 MENU_OBEN.1.NO = 1
# MENU_OBEN.1.NO.ATagParams = class= "menu_oben"
 MENU_OBEN.1.NO.linkWrap = &nbsp;|&nbsp;&#124; |*|  &nbsp;|&nbsp;&#124; |*| &nbsp;|
MENU_OBEN.1.CUR = 1
 
#MENU_OBEN.1.CUR.ATagParams = class= "menu_oben_active"
}

}

Die ATagParams sachen habe ich mal auskommentiert da es anscheinend keine rolle spielt ob das css erkannt wird ( wär auch mal ne Frage, warum das so ist)

Meine cssdatei

#menu_oben a {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
}  


#menu_oben a:active {
	color: #564b47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #800000;
	
}

Wäre dankbar für einen Tip.

Das merkwürdige ist ja das die cssklassen erkannt werden aber nur kurzzeitig.

laptop24 ·

Des Rätsels Lösung sind zwei Teil.

Typo3 muss einen speziell markierten Link erzeugen:

MENU_OBEN = HMENU
MENU_OBEN {
  special = directory
  special.value =  35

  1 = TMENU
  1 {
    NO.linkWrap =  | | |*|   | | |*|  |

    CUR = 1
    CUR.ATagParams = class="turnschuh"
  }
}

Anschliessend muß mit CSS der generierte Link formatiert werden:

#menu_oben a {
  color: #333333;
  ...
}  

#menu_oben a:active {
  color: #564b47;
  ...        
}

#menu_oben a.turnschuh {
  color: #ff0000;
  ...
}

#menu_oben a.turnschuh:active {
  color: #0000ff;
  ...
}