GMENU_LAYERS positionierung raubt mir die nerven

Päse · #1 15.10.06, 13:08

Hallo

Hab schon diverse Foren durchsucht und sogar in Büchern nachgeschlagen, leider fand ich keine Lösung für mein Problem.

Folgendes: GMENU_LAYERS funktioniert eigentlich wunderbar, nur: Das Submenu wird immer total falsch positioniert! Da die Submenu-Layers vom Typo durekt nach dem Body erstellt werden und nicht in meinem Menu-Div, kann ich diese nicht relativ und somit für verschiedene Aufösungen optimal positionieren.

Wenn ich dem Submenu - wie fast überall beschrieben - die Attribute position:absolute; verpasse, stimmt es natürlich auch nicht.

Wäre wirklich froh, wenn mir jemand helfen kann - meine Nerven sind am Ende

Das aktuelle Typoscript:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:

NAVIGATION {

1 = GMENU_LAYERS
1 {
noBlur = 1
entryLevel = 1
expAll = 1
layerStyle = position:absolute;width:115px;VISIBILITY:hidden;
relativeToTriggerItem = 1
topOffset = 0
leftOffset = 100
hideMenuWhenNotOver = 1
hideMenuTimer = 250
}

1.NO {
XY = 100, 20
wrap = <div> | </div>

10 = IMAGE
10.file = fileadmin/template/menu_button.png

20 = TEXT
20 {
text.field = title
fontFace = fileadmin/layout/verdana.ttf
fontSize = 9
fontColor = #333333
offset = 5, 15
}

}

2 = GMENU
2.wrap = <div style="border: 1px solid #dadada;"> | <div>
2.NO {
XY = 113, 20
wrap = <div> | </div>
backColor = #fdfdfd
10 = TEXT
10 {
text.field = title
fontFace = fileadmin/layout/verdana.ttf
fontSize = 9
fontColor = #333333
offset = 5, 15
}

}
}

Damit sich jeder ein Bild machen kann, wie das mit dem Template in etwa aussieht:

FraGiLe · #2 16.10.06, 09:54

Das "layerstyle" - Tag positioniert dein Submenü - soweit klar oder :D ? Versuch es mal mit left/top - Werten, es gibt auhc GMENU - Optionen wie relativeToParentLayer etc., lies dir mal genau die TSRef für gemenu_layers durch.

Ich habe meine Submenüs nicht mit RelativeToTriggerItem und TopOffset etc. positioniert sondern alles direkt in layerstyle und es funktioniert... ist halt DHTML, also ein riesiges Extrakapitel "outside" TYPO3

Päse · #3 18.10.06, 18:28

Aaalsoo...

Zitat:

Zitat von FraGile

Das "layerstyle" - Tag positioniert dein Submenü - soweit klar oder ?

Ja, ist mir logisch. Nur, wie gesagt: absolute Positionierung nützt mir nicht viel, da der Rest relativ positioniert ist und das Menu ja links neben dem anvisierten Punkt erscheinen soll und hier die Höhe je nach Menupunkt variiert. Die relative Positionierung nützt mir nichts, da die Menus kein Eltern-Element haben, weil Typo diese direkt nach dem Body platziert.

Zitat:

Zitat von FraGile

Ich habe meine Submenüs nicht mit RelativeToTriggerItem und TopOffset etc. positioniert sondern alles direkt in layerstyle und es funktioniert... ist halt DHTML...

Logo, aber es müsste doch auch möglich sein das ganze ohne externe JScripts o.ä zu machen.. für irgendwas hat man ja das ganze Template-System oder nicht?

FraGiLe · #4 18.10.06, 18:30

nich dass du mir jetzt css und dhtml durcheinander bringst

Päse · #5 18.10.06, 18:33

Irgendwie hab ich momentan ein durcheinander, doch ;-) aber ich kann das ganze ja nicht zu 100% mit CSS positionieren, da der Ausgangspunkt des Submenus ja immer unterschiedlich ist. Im moment klappt es immer am gleichen Ort auf, ist ja nicht dass was ich will.

ich = momentan Knopf in der Leitung, bitte lösen!

FraGiLe · #6 21.10.06, 16:59

Hier mal mein Menücode; weiß nicht, ob Dir der weiterhilft :

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:

# Navigation

30 = HMENU
30.wrap =  <div id="navi_container"> | </div>

30.1 = GMENU_LAYERS
30.1 {

dontHideOnMouseUp = 1
displayActiveOnLoad = 1
layerStyle = position:absolute;left:0px;top:159px;width:550px;VISIBILITY:hidden;overflow:hidden;
expAll = 1
xPosOffset = -261
lockPosition = x

NO=1
NO {
format=png
quality=100
transparentBackground=1
XY = [10.w]+61, 20
10 = TEXT
allWrap = |
10.text.field = title
10.offset = 8,16
10.fontColor = #FFFFFF
10.fontFile = fileadmin/verdana.ttf
10.fontSize = 14
10.niceText = 0
10.antiAlias = 0
10.iterations = 2
}

RO=1
RO < .NO
RO.10.fontColor = #E07734

CUR=1
CUR < .RO
CUR.10.fontColor = #aa2233
}

30.2 = GMENU_LAYERS
30.2  {
dontHideOnMouseUp = 1
displayActiveOnLoad = 1
layerStyle = position:absolute;left:0px;top:179px;width:550px;VISIBILITY:hidden;overflow:hidden;
expAll = 1
lockPosition = x
xPosOffset = -623
NO = 1
NO {
transparentBackground = 1
allWrap = |*|
backColor = #8ac2c2
XY=[10.w]+25,18
10 = TEXT
10 {
text.field = title
offset = 5,10
fontColor = #FFFFFF
fontFile = fileadmin/fonts/verdana.ttf
fontSize = 11
niceText = 0
antiAlias=0
iterations=2
}
}

RO = 1
RO < .NO
RO.10.fontColor = #E07734

CUR=1
CUR < .RO
CUR.10.fontColor = #aa2233

}

Päse · #7 21.10.06, 17:31

Merci, aber leider nein. Was auch komisch ist, dass ich mit den Angaben left / right im layerStyle nicht arbeiten kann, weil er die komischerweise nicht annimmt, obwohl width und position gesetzt sind

FraGiLe · #8 21.10.06, 17:34

normalerweise gilt left/right in verbindung mit position: absolute und relative (soviel ich bisher über CSS weiss). bei absolute bezieht sich das auf das Browserfenster i.d.R., bei relative am übergeordneten CSS-Container...

Päse · #9 21.10.06, 18:09

Zitat:

Zitat von FraGiLe

normalerweise gilt left/right in verbindung mit position: absolute und relative (soviel ich bisher über CSS weiss). bei absolute bezieht sich das auf das Browserfenster i.d.R., bei relative am übergeordneten CSS-Container...

Das weis ich bereits, darum wundere ich mich ja warum es nicht funktioniert. So könnte ich eben die Layer per left: 30%; und margin-left: -100px; am gewünschten Ort platzieren. Nur will left eben nicht, oder jedenfalls nicht mit %-Angaben (ob nun im TS oder im CSS file)

Päse · #10 22.10.06, 09:36

Habs nun mit einem externen JS und den gesamten Rest mit CSS gelöst... naja nie weder GMENU_LAYERS wenn was zentriert sein muss

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Gelöst Positionierung der Bilder durch Platzhalter	bennle	TYPO3 4.x Fragen und Probleme	5	08.08.08 17:30
Problem bei Positionierung von GMENU_LAYER	THETREE	GMENU, HMENU, TMENU und Co.	0	12.03.08 20:41
Positionierung TMENUE_LAYERS	magura	GMENU, HMENU, TMENU und Co.	6	12.10.07 22:33
Frage zu GMENU_FOLDOUT Positionierung	AndiLaken	GMENU, HMENU, TMENU und Co.	0	25.05.07 07:48
CSS: DIV-Positionierung und der IE6	bastian83	HTML & CSS	1	13.12.06 19:17

Suche

Userpanel

GMENU_LAYERS positionierung raubt mir die nerven