Zum Inhalt springen

Probleme mit CSS-Integration und TMENU

Erstellt am 29. Januar 2015 · 3 Antworten · letzte Antwort am 29. Januar 2015

Tags: TYPO3 6.x, Frage

dieselross ·

Hallo,

als blutiger Anfänger versuche ich als erste Übung, meine bestehende statische Website (http://www.re-ality.de/home.html) nachzubauen. Natürlich scheitere ich schon beim Menü.
Genau genommen scheitere ich nicht völlig. Die erste Ebene funktioniert bereits aber die zweite will nicht. Im Original wird sie per Rollover eingeblendet und hängt dann unter dem Hauptmenüpunkt. Bei meiner Umsetzung erscheint sie erst nach Klick auf der Hauptmenüpunkt und dann auch noch auf gleicher Ebene wie dieser, was natürlich mein Layout zerschießt. Was mach' ich falsch?
Ich hab' bisher folgendes TS:

page = PAGE

page {

  #Allgemeine Seiteneigenschaften setzen
  page.config.doctype = html5

  #Meta-Tags angeben
  meta.author = Holger Pleus | Re-ality graphics
  meta.description = Hier kommt später die Seitenbeschreibung hin.
  
  #CSS-Datei einfügen
  includeCSS {
    screen = fileadmin/css/main.css
    screen.title = display
    screen.media = screen
  }

  #Die Designvorlage integrieren
  10 = TEMPLATE
  10 {
    template = FILE
    template.file = fileadmin/template.html
    workOnSubpart = DOKUMENT
    
    marks {
      HAUPTMENUE = HMENU
      HAUPTMENUE {
        special = directory
        special.value = 2
        
        1 = TMENU
        1 {
          NO = 1
          NO.linkWrap = <ul><li>|</li></ul>
          NO.ATagParams = class="top_parent"
        }
        
        2 = TMENU
        2.wrap = <ul>|</ul>
        2 {
          NO = 1
          NO.linkWrap =  <li>|</li>
        }
      }
    }
  }
}
toifel · · Beste Antwort

In HAUPTMENU.1 solltest du "wrapItemAndSub" benutzen.. dann hast du das <ul> deiner 2. Ebene auch im <li> der ersten Ebene.

Versuchs mal damit:

        1 = TMENU
        1 {
          wrap = <ul>|</ul>
          NO = 1
          NO.wrapItemAndSub = <li>|</li>
          NO.ATagParams = class="top_parent"
        }
dieselross ·

Herzlichen Dank! Das war's (fast).

Ich musste nur noch das "wrap = <ul>|</ul>" löschen und das "NO.wrapItemAndSub = <li>|</li>" in ein "NO.wrapItemAndSub = <ul><li>|</li></ul>" ändern.

Edit: ... und ein "1.expAll = 1" hat dann noch dazu geholfen, dass die Ausklappmenüs immer erscheinen und nicht erst, wenn man auf der jeweiligen Oberseite ist.

dieselross ·

Und weiter geht's: Ich hab' jetzt über

CUR = 1
CUR.wrapItemAndSub = <ul><li>|</li></ul>
CUR.ATagParams = class="top_parent_current"

dafür gesorgt, dass der jeweils aktive Menüpunkt (der obersten Ebene) anders dargestellt werden kann. In meiner statischen Vorlage wird er das auch, wenn einer der Untermenüpunkte gerade "current" ist. Nur – wie setze ich das in TS um? Sprich: wie weise ich einem <a>-Element eine CSS-Klasse zu in Abhängigkeit vom Status der Unterseiten?

Edit: Denken hilft: Streiche CUR, setze ACT und alles läuft.