Menu mit 2 Ebenen

vielfrager · 29. August 2004 17:10

Liebe T3-Spezialisten,
nachdem ich mir jetzt zumindest ein Menu gezaubert habe, funktioniert es dennoch nicht richtig und niemand sonst scheint dieses profane Problem zu haben.

Hier mein Code zum Menu:

# Menu 1 cObject

temp.menu_1 = HMENU

  # First level menu-object, textual

temp.menu_1.1 = TMENU

temp.menu_1.1 {

    # Normal state properties

layerStyle = position:absolute;VISIBILITY:hidden;

  NO.allWrap = <span class="menu1-level1-no"> | </span>

    # Enable active state and set properties:

  ACT = 1

  ACT.allWrap = <span class="menu1-level1-act"> | </span>

}

  # Second level menu-object, textual

temp.menu_1.2 = TMENU

temp.menu_1.2 {

    # Normal state properties

  NO.allWrap = <span class="menu1-level2-no"> | </span>

    # Enable active state and set properties:

  ACT = 1

  ACT.allWrap = <span class="menu1-level2-act"> | </span>

}

Zwei Probleme:
1. Die einzelnen Menüpunkte werden zwar angezeigt, zwischen ihnen ist aber kein Abstand, so dass sie alle zu einem Wort verbunden werden. Habe viel gestetstet, aber nix hat geklappt.
2. Wenn ich einen Punkt mit Unterpunkten wähle, dann werden die Unterpunkte direkt hinter den oberpunkt geschrieben, auch wieder ohne Abstand, so dass sich die Buchstabenreihe der Menupunkte nur verlängert.

Es muss echt leicht sein, aber ich komm nicht drauf.,

Danke für alle Antworten...

jenses · 29. August 2004 17:21

Hast du denn auch irgendwo die CSS-Klassen definiert ?
( z.B. "menu1-level1-no" )

jenses

vielfrager · 29. August 2004 17:54

jenses schrieb
Hast du denn auch irgendwo die CSS-Klassen definiert ?
( z.B. "menu1-level1-no" )

jenses

Hi Jenses,
ich habe mich mit dem Dummy package gemacht. Über das Tutorial Template building1 habe ich eine Website von "Main Dish &son" gebastelt. Die funktioniert auch.
Dabei war so ein "css styled content" (als static-extension)

Any idea ?

jenses · 29. August 2004 18:05

1. nimm mal layerStyles ... raus, das hat im TMenu nix zu suchen.

2. Sind die Klassen wirklich in deinem Stylesheet definiert ?

und 3.

Die beiden HTML-Elemente div und span haben besondere Bedeutung für CSS Stylesheets.
Der Grund ist, dass sie selber relativ eigenschaftslos sind.
Der einzige Unterschied besteht darin, dass das div-Element eine neue Zeile im Textfluss erzwingt,
während span zur Verwendung innerhalb eines Textes verwendet werden kann und daher überhaupt keine Eigenschaften hat.

Schick doch mal 'nen Link zu deiner Seite !

viele Grüße
jenses

vielfrager · 29. August 2004 18:45

Meine Seite:
http://www.knotentanz.tk/

noch steht nicht viel. Die NAvigation ist oben in der Grafik...

jenses · 29. August 2004 20:28

Hallo vielfrager !

Also, ich habe mir mal deine Seite angesehen.
Und dann habe ich mir mal deine css-Datei angeschaut.
Und da liegt der Hase im Pfeffer.
Ich habe dich mehrmals gefragt, ob die Klassen, die du im Menü verwendest, auch im Stylesheet definiert sind.
Und das sind sie nicht ! Nicht mal A:Hover funzt, weil's falsch definiert wurde.
Du solltest die Antworten auf vielefragen auch mal durchlesen und verstehen.

Befasse dich bitte erst mal mit CSS, da gibts offensichtlich ganz klare Verständnisprobleme.
Außerdem die neue TYPO3-Doku durcharbeiten,
dann weißt du auch, wie man einen Trenner zwischen seine horizontalen Menüpunkte wrapt.

Nichts für Ungut, 😉
aber wenn ich jetzt sage : schreib mal so und so,
stehst du beim nächsten Mal wieder auf dem Schlauch,
weil das Grundwissen nicht vorhanden ist.

viele Grüße
jenses

vielfrager · 29. August 2004 23:13

hab ich ja nicht gesagt, dass das alles so klappt. aber danke für den Tipp, dann schaue ich mir das mal an. hatte es für nicht so wichtig gehalten. ich schriebe wieder, wenn ichs hab.