Zum Inhalt springen

Horizontales Menü mit etlichen Macken

Erstellt am 6. Oktober 2005 · 6 Antworten · letzte Antwort am 7. Oktober 2005

Tags: Frage

wfn ·

Guten Morgen erst mal,

ich kämpfe jetzt auch schon eher seit Wochen mit meinem erste typo3-Auftritt. Nach etlichen Fehlversuchen und stundenlanger Forumsuche habe ich eine passable Ausgangsbasis. Tret jetzt aber auf der Stelle und brauche dringend Hilfe.

Ich habe u.a. ein horizontales Menü mit zwei sub-ebenen, ursprünglich mit 3.6 angelegt. Nach dem überspielen auf den Host und update auf 3.8 habe ich verschiedene Probleme.

1. Die drei Ebenen sollten nicht aneinander kleben sondern etwas abgesetzt sein. Wie bekomme ich da Zwischenraum rein?
2. Ich hätte auch gerne zwischen den Menüpunkten jeder Ebene Zwischenraum. Das hatte ich noch gar nicht geschafft.
3. Ich bekomme die dritte Ebene nicht positioniert und nicht fixiert, obwohl ich lockPosition und alles Mögliche probiert habe.

Aussehn soll das Ganze so:

Menü1

Sub1 Sub2 Sub3

Subsub1 Subsub2 Subsub3

Mein stümperhaftes Template sieht so aus:

MENU1 = HMENU
MENU1.special = directory
MENU1.special.value = 7
MENU1.entryLevel = 0
MENU1.1 = GMENU_LAYERS
MENU1.1 {
noBlur = 1
layerStyle = position:absolute; VISIBILITY:hidden;
expAll = 1
wrap = <td> | </td>
relativeToTriggerItem = 1
relativeToTriggerItem.addHeight = 1
leftOffset = 0
topOffset = 2
hideMenuWhenNotOver = 1
hideMenuTimer=50
useLargestItemX = 0
disableAltText = 0
NO {
wrap = <div><img src="fileadmin/images/spacer.gif" width="10" height="1" alt="" /></div>
XY = 70, 12
backColor = #666666

10 = TEXT
10.text.field = title
10.fontColor = #CCCCCC
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 10
10.offset = 5, 9
}

RO < .NO
RO = 1
RO {
tmp < .backColor
backColor = #FF6666
5 < .10
5.fontColor < .tmp
5.offset = 6, 10
}
ACT < .RO
2 < .1
2 {
NO.backColor = #666666
NO.10.fontColor = #CCCCCC
NO.20.file.backColor = #FF6666
RO < .NO
RO.backColor = #999999
RO.5 >

}
}

MENU1.2 = GMENU_LAYERS
MENU1.2 {
noBlur = 1
layerStyle = position:absolute; VISIBILITY:hidden;
expAll = 1
wrap = <tr><td>|</td></tr>
hideMenuWhenNotOver = 1
relativeToParentLayer = 1
relativeToParentLayer.addHeight = 1
xPosOffset = 1
yPosOffset = 5
useLargestItemX = 1
disableAltText = 1
NO {
allWrap = <tr><td>|</td></tr>
backColor = #666666
XY = 70,12
10 = TEXT
10.text.field = title
10.align = left
10.fontSize = 10
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #666666
10.offset = 5, 9

5 < .10
5.fontColor = #CCCCCC
5.offset = 6, 10
}
RO < .NO
RO = 1
RO.backColor = #FF6666
}

MENU1.3 = GMENU
MENU1.3 {
noBlur = 1
layerStyle = position:absolute; VISIBILITY:hidden;
expAll = 1
wrap = <tr><td>|</td></tr>
hideMenuWhenNotOver = 1
relativeToParentLayer = 1
relativeToParentLayer.addHeight = 1
lockPosition = x
xPosOffset = 1
yPosOffset = 15
useLargestItemX = 1
disableAltText = 1
NO {
allWrap = <tr><td>|</td></tr>
backColor = #666666
XY = 70,12
10 = TEXT
10.text.field = title
10.align = left
10.fontSize = 10
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #666666
10.offset = 5, 9

5 < .10
5.fontColor = #CCCCCC
5.offset = 6, 10
}
RO < .NO
RO = 1
RO.backColor = #FF6666
}

Ich habe aber noch ein Problem. Nämlich die Verlinkung auf andere Seiten. Funktioniert einfach nicht. Ich gebe mittels Button die Verlinkung ein (hier z.B. von id 37 auf 35), bekomme mit ausgeschaltetem RTE auch den korrekten Link angezeigt. Geh ich im Seiteninhalt aber über den Linktext bekomme ich die Ausgangsseite (id 37) angezeigt. Im Frontend tut sich gar nichts, dort wird normaler Text angezeigt. Woran kann das liegen?

Mein momentaner Stand kommt auch unter http://www.dmgwerbeagentur.de/homepage-t3/index.php

Bin für jede Unterstützung dankbar. Aber bitte etwas ausführlicher, damit auch damit klar komme.

Vielen Dank und Gruß

Wolfgang #angry#

Sino ·

Hi

also der ts befehl
relativetotriggeritem
oder so ähnlich sollte dir helfen bei der positionierung. Festsetzen mit x und yPos ist nicht ratsam bei verschiedenen Browesern.
Den Rest müßte man mit geeigneten HTML Elementen hinbekommen.

Mfg

wfn ·

Hallo Sino,

dank dir. Wenn ich richtig verstanden hab geht nach Anleitung relativeToTriggerItem nur in der ersten Ebene, darunter wird anstelle relativeToParentLayer verwendet. Hab aber beides schon versucht. Und beides ja auch eingebaut.

Gruß

Sino ·

naja schalte doch einfach lockposition und x und y pos aus. und arbeite nur mit den beiden funktionen.

wfn ·

Hab's eben nochmal probiert. Dann fliegt meine dritte Ebene total raus und liegt links oben im Hintergrund.

Sino ·

wenn du das dritte auch relativetotriggeritem setzt, sollte das doch wieder vom level2 ausgehend den triggeritem betrachten und wird dann doch daruntergesetzt oder?

Mfg

wfn ·

Bringt nichts. Ich kann relativeToTriggerItem und relativeToParentLayer beliebig austauschen, bringt keinerlei Veränderung. Und sobald ich die x/yPos weglasse ist die dritte Ebene weg.