TMENU mit css

Hallo

Ich käpfe gerade etwas mit dem css.
Mein TypoScript Setup sieht folgendermassen aus:

page = PAGE
page.typeNum = 0
page.bodyTag = <body leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
page.stylesheet = fileadmin/template/aeberhard.css

temp.Menu = HMENU
temp.Menu.1.entryLevel =0
temp.Menu.1 = TMENU
temp.Menu.1 {
expAll = 1
NO.linkWrap = <font class="level1">|</font><br>
}

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template/template.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get
subparts.MENU = HMENU
subparts.MENU < temp.Menu
}

Und hier noch mein CSS:

font.level1 {
font-family : Arial, Helvetica, sans-serif;
font-weight : bolder;
font-size : 11pt;
text-decoration : none;
color : #594123;

}

Font.level2 {
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
color : #594123;
font-size : 9pt;
}

P {
text-align : justify;
font-family : Arial, Helvetica, sans-serif;
color : #594123;
font-size : 10pt;
}

Das CSS wird geladen (der Seiteninhalt wird richtig dargestellt).
Das Problem ist nun allerdings das Menu. Dort wird immer irgend eine falsche Darstellung gewählt.
Wo mache ich den Fehler?

(level1 ist die class für die erste Menuebene. level2 ist dann für die zweite Ebene die hab ich zum probieren, schon rausgelöscht...)

Besten Dank
Rene

Hi blueshape,

dies Forum ist zwar eigentlich nicht der richtige Platz für CSS-Fragen, aber dann wolln wir mal nicht so sein. Ich würde es vermeiden, ausgerechnet den alten HTML-Font-Tag mit CSS anreichern zu wollen. CSS ist ja gerade erfunden worden, um HTML-Tags überflüssig zu machen, die ausschließlich der Darstellung dienen (<font>,<b>,<i>...).

Wenn Du einen bestimmten Bereich mit CSS formatieren willst, benutze doch <p>, <div> oder das völlig generische <span>.

Also im Klartext: Ersetzte doch mal im Setup die Zeile
NO.linkWrap = <font class="level1">|</font><br>
durch
NO.linkWrap = <span class="level1">|</span><br>

und in Deinen CSS
font.level1 {
...
}
durch
.level1 {
...
}

Dann sollte es klappen.

Gruß UWE.