Probleme mit CSS

Hallo an alle!

Ich habe immer wieder Probleme mit den StyleSheets. D.h. immer wieder passiert es, dass sie nicht greifen und ich habe keine Ahnung warum nicht.
Hier ein erstes Beispiel:
(ich habe noch mehr)

Ich hätte in meinem TMENU gern unterschiedliche Schriftgrößen für die einzelnen Ebenen - klappt aber nicht.

Hier mein TypoScript:

  ## Ersetzen Platzhalter MENU_LINKS durch Inhalt MENU
  MENU_LINKS = HMENU
  MENU_LINKS {
   special = directory
   # Einstieg auf Seite Menu Links(id=1)
   special.value = 1
   # Für die Anzeige weiterer Ebenen entryLevel=1
   entryLevel = 1
   1 = TMENU
   1.NO = 1
   1.NO.linkWrap=<div class="ml01"> |</div> 
   1.CUR < .NO
   1.CUR.doNotLinkIt = 1
   2 < .1
   2.NO.stdWrap.prepend=TEXT
   2.NO.stdWrap.wrap = -   |
   2.NO.allWrap =<div class="ml02"> |</div> 
  } # HMENU Ende

Und hier mein CSS:

.ml01   { margin-bottom:5px; margin-left:5px; 
          font: bold 8px 'Comic Sans MS',Verdana,Helvetica,Arial; font-style:italic;}
.ml01 a { font: bold 8px 'Comic Sans MS',Verdana,Helvetica,Arial; font-style:italic;}

.ml02   { margin-bottom:5px; margin-left:5px; 
          font: bold 6px 'Comic Sans MS',Verdana,Helvetica,Arial; font-style:italic; }
.ml02 a { font: bold 6px 'Comic Sans MS',Verdana,Helvetica,Arial; font-style:italic;}

Obwohl ich unterschiedliche Schriftgrößen angebe, ist die Schrift immer gleich groß.
Zu sehen z.B. hier:
http://p27753.typo3server.info/index.php?id=29

Ich danke Euch vielmals im voraus.
Viele Grüße
Annna

Hallo Annna.

Da liegt definitv ein wrap-Problem vor, denn innerhalb des div mit der Klasse m102 wird nochmal ein div der Klasse m101 gesetzt (vgl. Quelltext der Seite).

<div class="ml02"><div class="ml01">Link</div></div>

In der ersten Menüeben bedienst du einmal das Element linkWrap

1.NO.linkWrap=<div class="ml01"> |</div>

welches dann auf die zweite Ebene kopiert und nicht gelöscht oder verändert wird. Dort greifst du auf allWrap zu.

2.NO.allWrap =<div class="ml02"> |</div>

Probier doch mal dass allWrap auf der 2. Ebene durch ein linkWrap zu ersetzen:

2.NO.linkWrap =<div class="ml02"> |</div>

Gruß hwt