Verschiedene Auflösungen, gleiche Position - ist das möglich

Tevsa · #1 23.03.06, 09:25

Hallo

folgender Code:

Code:

##NEUES TMENU LAYERS
    MENU-OBEN = HMENU
    MENU-OBEN.special = list
    MENU-OBEN.special.value = 5, 6, 7, 8


  MENU-OBEN {
      1 =  TMENU_LAYERS
      1 {
      	layerStyle = position:absolute;VISIBILITY:hidden;
        	expAll = 1
        	hideMenuWhenNotOver = 1
	hideMenuTimer = 500
        	relativeToTriggerItem = 1
        	relativeToTriggerItem.addWidth=1
        	#lockPosition_addSelf=1

        	topOffset = 134
        	leftOffset = 100
        	#wrap=<table border="0" cellspacing="0" cellpadding="0"class="m1"><tr>|</tr></table>
        	wrap = <span>|</span>
        	NO {
               		 #allWrap=<td valign="middle">|</td>
                	allWrap=<span class="knopfoben"> | </span>
          		beforeImg.import = uploads/media/
          		beforeImg.import.field = media
          		beforeImg.import.listNum =0 
		beforeImgTagParams=align="middle"
          		#beforeWrap=<div class="m1_pic">|</div>
          		beforeImgLink=1
          		ATagParams=class="m1_1"
          		linkWrap=<img src="fileadmin/template/image/icons/bu-pfeileoben.gif" style="margin:-3px;" />&nbsp;&nbsp;|
             } //NO1
      } //1 TMENU_LAYER



     2 = TMENU_LAYERS
     2 {
        layerStyle =position:absolute;left:0px;top:0px;width:10px;VISIBILITY:hidden;
        hideMenuWhenNotOver = 150
        hideMenuTimer = 500
        #relativeToParentLayer = 1
        #relativeToTriggerItem = 1 
        lockPosition = y 
        blankStrEqFalse=1 
        dontHideOnMouseUp = 1 
        #relativeToParentLayer.addWidth=1

        
        #yPosOffset = -100 
        #leftOffset = -200
        wrap=<div class="knopfoben2hinter">|</div>
        expAll=1 
        NO {
          	text.case = upper
          	#allWrap =<div knopfoben2hinter>&nbsp;&nbsp;|</div>


          	#<tr><td>|</td></tr>
	ATagParams=class="knopfoben2"
                #linkWrap = <div class="knopfoben2">|</div>
        }//NO2
        
        IFSUB < .NO 
        IFSUB = 1
        IFSUB.ATagParams=class="m1_2 sub"
        
        
     }// 2 TEMENU_LAYERS

      3 = TMENU
      3 {
           expAll = 0
           text.case = upper
           wrap=<table class="m3" cellspacing="0" cellpadding="0">|</table>
           NO {
                  allWrap = <tr><td>|</td></tr>
                   ATagParams=class="m1_3"
           }//NO3
        }//3 TMENU
     } //MENU-OBEN

Das Problem ist, das es bei verschieden Auflösungen an der falschen "Stelle" steht.
Zwar immer unterhalb des richtigen Menüpunktes,
aber je nach Bildschirmauflösung etweder zu weit links oder zu weit rechts.

Wie bekommt man es hin, das es immer unterhalb des Hauptmenüs hinkommt?

Bin für jeden Ansatz dankbar.
Gruß

Tevsa

Tevsa · #2 23.03.06, 17:27

Hallo, ich habe das Beispiel noch weiter vereinfacht:

Code:

MENU-OBEN = HMENU
    	MENU-OBEN.special = list
   	MENU-OBEN.special.value = 5, 6, 7, 8
	
	MENU-OBEN.1 = TMENU_LAYERS
	MENU-OBEN.1{
		wrap=<table><tr>|</tr></table>
    		layerStyle=position:absolute;VISIBILITY:hidden;   		lockPosition = y
   		hideMenuWhenNotOver = 1
		hideMenuTimer=250
    		expAll=1
		leftOffset = 5
   		 topOffset =15
    		relativeToTriggerItem = 1
     
    		NO {	
      			allWrap=<td>| </td>
    		}
  	}
  	MENU-OBEN.2 = TMENU
  	MENU-OBEN.2.NO {
    	allWrap=|<br>
  	}

Es Verschiebt sich immer noch Horizontal.... :sad:

Keiner ne Idee woran das liegen könnte?

Gruß
Tevsa

Tevsa · #3 23.03.06, 21:23

Hab was herrausbekommen:

Wenn ich das Browserfenster (IE und FF) verkleinere, dann bleibt die Position zum Rechten Rand des Browsers gleich. Das soll Sie ja auch, aber die Postio des auslösendes Elements hat sich ja verschoben, und das sollte umgerechnet werden, was Typo3 wohl nicht hinbekommt.

Hat keiner ne Ahnung was ich falsch mache ????

Gruß
Tevsa

Dalerion · #4 24.03.06, 06:51

Bringt es evtl. was, wenn du die zweite Ebene auch als TMENU_LAYERS definierst und dann relativeToTriggerItem, bzw. relativeToParentLayer setzt?

Gruß Dale

Tevsa · #5 24.03.06, 08:32

Danke für deine Antwort.

Hab' ich gemacht leider ohne Veränderung.

Ich bennutze jetzt relativeToParentLayer=1

Das funktioniert so einigermassen, allerdings nur im FF im IE sieht es noch immer "bescheiden" aus...
Ich werde auf alle Fälle berichten wie es ausgeht...

Habt Ihr vielleicht noch mehr Ideen?

Gruß

Tevsa

Dalerion · #6 24.03.06, 08:43

Das Problem hatte ich auch, dass der IE damit nicht zu Recht kam. Dies habe ich zu seiner Zeit über Tabellen gelöst. Also Tabellenlayout. Ist für mich echt keine schöne Lösung gewesen, aber zu verkraften, da es sich um kein Liveprojekt, sondern nur um einen Test gehandelt hatte... :-/

Evtl. hat Jemand hier im Forum eine Ahnung, wie man es besser lösen kann... !?!?

Gruß Dale

[EDIT]
Kommando zurück! Ich habe zwar damals für mein Menü auf ein Tabellenlayout zurück gegriffen, aber dafür gab es einen anderen Grund bei dem ich mir auch relativ sicher bin, es heute anders lösen zu können. Ich habe aber noch einen Offset in das Menü eingebaut [browser=msie], offset = X [else] offset = 0

Kann dir leider im Moment nur Denkanstöße geben, aber vielleicht kommst du so ja auf eine Lösung...
[/EDIT]

Tevsa · #7 24.03.06, 11:27

Danke für die Info,

Ich habe das jetzt ausprobiert, aber irgendwie probleme mit

[browser=msie]
yPosOffset = -300
[else]
yPosOffset = -140

Obwohl es unterschiedliche Werte sind, zeigen mir beide Dasselbe an. Habe ich ein Fehle in dieser IF-Abfrage ????

Gruß

Tevsa

Dalerion · #8 24.03.06, 11:36

Langsam bin ich mir nicht mehr sicher, ob es nicht doch was mit den lieben Tabellen zu tun hat. Hast du die Conditions auch außerhalb jeder geschweiften Klammer definiert? Da müßte doch noch mehr stehen?!

Innerhalb geschweifter Klammern greifen Conditions nicht. Ansonsten kann ich nur noch sagen, dass ich mit left und topOffset gearbeitet habe...

Gruß Dale

Tevsa · #9 24.03.06, 13:58

Das heist ich muss das gesammte Script nochmals verändern und alle Klammern rausnehmen....
Schei...benkleister

Eine Andere Möglichkeit gibt es bestimmt nicht.

Hier nochmals der gesammte Quellcode:

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:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:

seite = PAGE
seite{
typeNum = 0
stylesheet = fileadmin/template/style/style.css
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
//template anlegen:
10 = TEMPLATE
10{
template = FILE
template.file = fileadmin/template/designvorlage/designvorlage.htm
workOnSubpart = BEREICH
marks{

          // Ducken:
PRINT < temp.PRINT

##NEUES TMENU LAYERS
MENU-OBEN = HMENU
MENU-OBEN.special = list
MENU-OBEN.special.value = 5, 6, 7, 8

MENU-OBEN {
1 =  TMENU_LAYERS
1 {
lockPosition = y
layerStyle = position:absolute;VISIBILITY:hidden;
expAll = 1
hideMenuWhenNotOver = 1
hideMenuTimer = 500
        #relativeToTriggerItem = 1
dontFollowMouse =1
relativeToParentLayer - ERROR: Line 35: Object Name String, "relativeToParentLayer" was not preceeded by any operator, =<>({
relativeToParentLayer.addWidth=1
xPosOffset = 800
yPosOffset = -140
topOffset = 140
leftOffset = 600
        #wrap=<table border="1" cellspacing="0" cellpadding="0" class="m1"><tr>|</tr></table>
wrap = <div>|</div>
NO {

          #allWrap=<td valign="middle">|</td>
allWrap=<span class="knopfoben"> | </span>
beforeImg.import = uploads/media/
beforeImg.import.field = media
beforeImg.import.listNum =0
beforeImgTagParams=align="middle"
beforeWrap=<div class="m1_pic">|</div>
beforeImgLink=1
ATagParams=class="m1_1"
          #linkWrap=<div class="m1_text">|</div>
linkWrap=<img src="fileadmin/template/image/icons/bu-pfeileoben.gif" style="margin:-3px;" />  |
}

}

2 = TMENU_LAYERS
2 {
layerStyle = position:absolute;left:0px;top:30px;width:10px;VISIBILITY:hidden;
hideMenuWhenNotOver = 150
hideMenuTimer = 500
dontFollowMouse =1
relativeToParentLayer = 1
relativeToTriggerItem = 1
lockPosition = y
blankStrEqFalse=1
dontHideOnMouseUp = 1
relativeToParentLayer.addWidth=1
yPosOffset = 100
leftOffset = 100
        #wrap=<table cellspacing="0" cellpadding="0" class="m2" border="1" >|</table>
wrap=<div class="knopfoben2hinter">|</div>
expAll=1
NO {
text.case = upper
allWrap =<tr><td>|</td></tr>
#ATagParams=class="m1_2"
ATagParams=class="knopfoben2"

}
IFSUB < .NO
IFSUB = 1
IFSUB.ATagParams=class="m1_2 sub"

}

   /*   3 = TMENU
      3 {
        expAll = 0
        text.case = upper
        wrap=<table class="m3" cellspacing="0" cellpadding="0">|</table>
        NO {
          allWrap = <tr><td>|</td></tr>
          ATagParams=class="m1_3"
         } //NO
      }//3
      */
}

##ENDE NEUES TMENU LAYERS

SUBMENU = HMENU
SUBMENU.special = list
SUBMENU.special.value = 4, 3, 13, 12
SUBMENU.1 = TMENU
SUBMENU.1.NO = 1
SUBMENU.1.NO.linkWrap = <div class="knopf"> <img src="fileadmin/template/image/icons/bu-pfeile-links.gif" style="margin:-1px;" />  |</div>

NEUEWEGE = HMENU
NEUEWEGE.special = list
NEUEWEGE.special.value = 8
NEUEWEGE.1 = TMENU
NEUEWEGE.1.NO = 1
NEUEWEGE.1.NO.linkWrap = <div class="knopf"><img src="fileadmin/template/image/icons/bu-pfeile-links.gif" style="margin:-1px;" />  |</div>

DEPRESS = HMENU
DEPRESS.special = list
DEPRESS.special.value = 15
DEPRESS.1 = TMENU
DEPRESS.1.NO = 1
DEPRESS.1.NO.linkWrap = <div class="knopf"><img src="fileadmin/template/image/icons/bu-pfeile-links.gif" style="margin:-1px;" />  |</div>

MALZER = HMENU
MALZER.special = list
MALZER.special.value = 14
MALZER.1 = TMENU
MALZER.1.NO = 1
MALZER.1.NO.linkWrap = <div class="knopf"><img src="fileadmin/template/image/icons/bu-pfeile-links.gif" style="margin:-1px;" />  |</div>

FOOTER = HMENU
FOOTER.special = list
FOOTER.special.value = 2, 13, 12
FOOTER.1 = TMENU
FOOTER.1.NO = 1
FOOTER.1.NO.linkWrap =| |*| | | | |*|  |

CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}// CONTENT

RECHTS = CONTENT
RECHTS{
table = tt_content
select.orderBy = sorting
select.where = colPos = 2
}  // RECHTS

} //marks
} //10=TEMPLATE
}//seite

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
[IMGTEXT] Verschiedene Links & verschiedene Bildunterschriften	josDesign	FAQ - Template & TypoScript	2	08.10.08 10:29
Bilder Download Auflösungen	aristo83	Extension suchen und neue vorschlagen	2	22.03.08 19:25
Css und die Auflösungen	dirvish	HTML & CSS	4	06.12.06 15:12
Gleiche RSS News für verschiedene Seiten	mab82	TYPO3 4.x Fragen und Probleme	0	26.10.06 10:41
verschiedene CSS für verschiedene Medien (print, handheld, etc..)	bensen	TYPO3 3.x Fragen und Probleme	2	06.05.05 21:05

Suche

Userpanel

Verschiedene Auflösungen, gleiche Position - ist das möglich

hm...

also....

argh..