Zum Inhalt springen

CUR - Menuzustand will nicht so richtig

Erstellt am 16. Dezember 2005 · Noch keine Antworten

Tags: HTML & CSS, Frage

Juli ·

Hallo Forum
Ich versuche gerade ein CSS-Menu von "CSS Sketchbook", wie auf der Seite

http://nontroppo.org/test/tab3.html

gezeigt, in meine Typo3-Seite zu integrieren. Die HTML-Vorlage hab ich folgendermassen verändert:

<!--###DOKUMENT###-->
<div id="tabmenu">###MENU###</div>

<div id="content">
<div class="inhalt">###INHALT###</div>
</div>
<!--###DOKUMENT###-->

Mein TS-Template sieht so aus:

page = PAGE 
page.typeNum = 0 
page.stylesheet = fileadmin/templates/kafo/kafo-test.css 
page.bodyTag = <body bgcolor="#666666"> 
page.10 >
page.10 = TEMPLATE 
page.10 { 
  template = FILE 
  template.file = fileadmin/templates/kafo/kafo-test.html 
  workOnSubpart = DOKUMENT 
  marks.INHALT < styles.content.get
  marks.MENU = HMENU 
  marks.MENU { 
    entryLevel = 0
    special = directory 
    special.value = 120
    1 = TMENU 
    1.NO = 1
    1.CUR = <.NO
    1.CUR.ATagParams = id ="tabmenu a.active" 
  }
}

Und das sind die CSS-Styles:

-------------Anfang------------------
body {
margin: 20px;
padding: 0px;
background: #CACCB4;
font: 16px arial, sans-serif; }

pre {text-indent: 30px}

#tabmenu {
color: #000;
border-bottom: 2px solid black;
margin: 12px 0px 0px 0px;
padding: 0px;
z-index: 1;
padding-left: 10px }

#tabmenu li {
display: inline;
overflow: hidden;
list-style-type: none; }

#tabmenu a, a.active {
color: #DEDECF;
background: #898B5E;
font: bold 1em "Trebuchet MS", Arial, sans-serif;
border: 2px solid black;
padding: 2px 5px 0px 5px;
margin: 1px;
text-decoration: none; }

#tabmenu a.active {
background: #ABAD85;
border-bottom: 3px solid #ABAD85; }

#tabmenu a:hover {
color: #fff;
background: #ADC09F; }

#tabmenu a:visited {
color: #E8E9BE; }

#tabmenu a.active:hover {
background: #ABAD85;
color: #DEDECF; }

#content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
text-align: justify;
background: #ABAD85;
padding: 20px;
border: 2px solid black;
border-top: none;
z-index: 2; }

#content a {
text-decoration: none;
color: #E8E9BE; }

#content a:hover { background: #898B5E; }
-------------------Ende ----------------

Das Menu funktioniert soweit, nur wird

1.CUR.ATagParams=id="tabmenu a.active"

nicht richtig angezeigt, also der Menuzustand, wo der Menu-Reiter die gleiche Farbe annimmt, wie das Content-Element.
Hat jemand ne Idee, warum das mit CUR nicht funktioniert?
Gruß
Jürgen