GMENU_LAYERS 2. Ebene an 1. hängen - 1. Ebene ist aber zentriert
| Autor | Nachricht |
|---|---|
|
Verfasst am: 01. 09. 2010 [08:04]
|
|
|
kraftstoff
Themenersteller
Dabei seit: 31.08.2010
Beiträge: 3
|
hallo typo3-gemeinde mein allererster forumeintrag! bin ein absoluter neuling int typo3 (aber auch in html und css). mein menu ist (wie die ganze seite) zentriert. die 2. menuebene soll aber auch sozusagen zentriert sein, also jeweils immer genau über dem entsprechenden menueintrag der 1. ebene auklappen. wird aber leider immer relativ vom browserrand ausgegeben. habe aus meiner sicht schon fast alles ausprobiert. bin schon ziemlich verzweifelt. kann mir jemand helfen? das problem könnt ihr gut hier sehen: www.witthohn-objekte.de und einfach mal browserfenster vergrössern/verkleinern... deshalb hier mal mein typoscript - weiter unten auch mein html-template und auch mein css: # allgemeine typoscript-konfigurationen config.linkVars = L config.sys_language_uid = 0 config.language = de config.spamProtectEmailAdresses = 1 page = PAGE page { #STANDARD SEITENTITEL ABSCHALTEN config.noPageTitle = 1 # SEITENVERIFIZIERUNG FÜR GOOGLE headerData.5 = TEXT headerData.5.wrap = <meta name="verify-v1" content="HZQ3t0eaM1J0uuwcmrFuLn5eUoEkCBnR+djhjar1n24=" /> # SEITENTITEL EINFÜGEN headerData.6 = TEXT headerData.6.wrap = <title>Witthohn GmbH Objektausstattungen | Systemtrennwände | Einbauküchen | Umkleideanlagen</title> typeNum = 0 bodyTag = <body bgColor = "#FFFFFF"> stylesheet = fileadmin/style.css meta { robots =index,follow revisit-after= 7 days description = Homepage der Witthohn GmbH Objektausstattungen keywords = Mobile Trennwände, Systemtrennwände, Systemtrennwand, Bürokabinen, Einbauküchen, Teeküchen, Pantries, Garderobenschränke, Umkleideschränke, Schiebetüren, Maschinenschutzgitter, Faltwände page-type = Informationen audience = Alle Content-Language = de } includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 10 = TEMPLATE 10.template = FILE 10.template.file = fileadmin/witthohn.html 10.workOnSubpart = DOKUMENT 10.marks { TRAILER = TEXT TRAILER.value = willkommen CONTENT = CONTENT CONTENT { table = tt_content select.orderBy = sorting select.where = colPos = 0 select.languageField = sys_language_uid } MENU = HMENU MENU.special = directory MENU.special.value = 2 MENU.entryLevel = 1 MENU.1 = GMENU_LAYERS MENU.1 { layerStyle = position:absolute;VISIBILITY:hidden; expAll=1 wrap=<table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table> relativeToTriggerItem = 1 relativeToTriggerItem.addHeight = 1 leftOffset = 350 topOffset = 520 hideMenuWhenNotOver = 1 useLargestItemX = 0 displayActiveOnLoad = 0 dontHideOnMouseUp = 1 disableAltText = 1 directionUp = 1 NO = 1 NO { wrap=<td>|</td> XY = [10.w]+150, 19 |*| [10.w]+150, 19 |*| 80, 19 offset = 0, 14 10 = TEXT transparentBackground = 1 10.text.field = title 10.offset = 5,0 10.fontColor = #6699CC 10.fontFile = fileadmin/fonts/arial.ttf 10.fontSize = 13 10.niceText = 1 10.antiAlias = 0 } RO < .NO RO.10.fontColor = #00529B ACT < .RO ACT.40.fontColor = #00529B CUR < .RO } MENU.2 = GMENU MENU.2 { wrap=<table style="border: 1px solid #ffffff" cellspacing="0" cellpadding="0"><tr>|</tr></table> relativeToParentLayer = 1 useLargestItemX = 1 topOffset = -1 disableAltText = 0 NO = 1 NO { wrap=<tr><td>|</td></tr> XY = [10.w]+150, 21 backColor = #00539B 40 = TEXT 40.text.field = title 40.fontFile = fileadmin/fonts/arial.ttf 40.fontSize = 12 40.fontColor = white 40.niceText = 1 40.antiAlias = 0 40.offset = 5, 14 } RO < .NO RO.40.fontColor = #6699CC } } } hier mein html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>witthohn-objekte.de</title> <link rel="stylesheet" href="fileadmin/style.css" type="text/css">aufträgen, aus, ausnutzen, ausschließlich, ausschreibungstexten, außendienst, axel, babywickeltische, bad, bankverbindung, barmstedt, bau, bauelemente, bauen, bauherren, bauleiter, baustelle, bearbeitung, begeisterung, beginn, beharrlich, behält, bei, beim, beliefert, beratung, bereich, bereitgestellten, beruf, bescheidenheit, beschäftigt, bestellungen, bestmöglichen, betreuung, bezug, biblische, bis, blz, bremen, buchhaltung, bundesdatenschutz, büro, büroerweiterung, bürokabinen, c2, ca, cad, campingplatz, campingplätze, cdh, center, christlichen, com, dabei, daher, damit, dank, dann, das, dass, daten, dazu, de, deinen, dekore, dem, den, der, derzeitigen, des, dessau, desweiteren, deutschland, deutschlands, die, dienen, dienst, dieser, dorfgem, dorfgemeinschaftshaus, durch, dusslingen, edv, eg, ehrlich, eigenes, ein, eine, einem, einen, einer, einrichtungen, einstieg, einverstanden, einwohner, ellerhoop, entfalten, entschlußkraft, entsorgungsbetriebe, entwickeln, entwickelt, entwicklung, erfasst, erfüllen, ergänzungen, erhöhen, erklärt, erreicht, erstellung, erster, erweitert, estg, etablieren, etc, etwa, eutin, exzellentes, fairen, faltflügeltüren, fantasie, fehmarn, fernwald, fertigen, fertigung, fertigungsstätten, firma, firmen, firmensitz, fischbeck, fleißig, fleißigen, flensburg, forststraße, freien, freizeitparks, freundlich, freundliche, freundlichen, fördern, führenden, für, ganztagsschule, garantie, garderobenanlagen, gaststätte, gaststätten, gate, gebiet, gebäude, geduldig, gegründet, gelegen, gemeinde, gemeindehaus, genannten, gerecht, geschicktes, geschäftsführer, geschäftsführern, geschäftsleben, geschäftsverbindung, geschäftsverbindungen, gesellschaft, gesellschafter, gesetzes, gestaltungsvorschlägen, gestellt, gestellten, gestiegenen, gewerbliche, gewinn, gewissenhafte, gewünschten, gilt, glas, glastrennwände, glaswände, gleiches, gmbh, gressel, großen, grundlage, grundwerten, gut, güter, haben, haftung, hallentrennwände, hamburg, handelns, handelsregister, handelsunternehmen, handelsvertretung, handwerks, handwerkskammer, hart, hat, haus, heide, helfen, helga, hennstedt, herausgeber, herausgebers, herr, hersteller, hier, hilden, hin, hinter, hinzu, hochbauten, hochwertige, holstein, holsteinischen, holztrennwände, hotels, hrb, hufcor, husum, hyperlink, höchste, ihr, ihre, ihrem, ihrer, im, immer, immtech, impressum, imtech, in, indem, individuellen, industrie, industrievertretung, industrievertretungen, info, informationen, informbationen, inga, innenausbau, innendienst, innendienstverkauf, insel, institut, integrität, interhalt, investitionen, inzwischen, ist, itzehoe, jahr, jahren, jens, jähriger, jörg, jürgen, kaba, kabine, kamen, kann, karusseltüren, keine, kemmlit, kiel, kin, kindergartenleiter, kindergärten, kleinen, kluge, kommunale, kommunikationsfähigkeit, kompetente, kompetenten, konakt, konnte, kontakt, kontaktpartner, konto, kostenlos, kunde, kunden, kundengruppen, kurmittelzentrum, können, lage, landessportverband, langfristige, langjährigen, langlebige, lassen, lauf, lebensqualität, lehnert, lehnertwand, leistungen, leistungsfähigen, leitprinzip, letzten, lhg, liebe, lieferanten, lieferung, lübeck, lütjenburg, machen, malente, maltschachstraße, markt, marktgerechten, materialmuster, mba, mecklenburg, mehren, meisterkabinen, melanie, mit, mitarbeiter, mitarbeitern, mitteln, mittels, mitten, mobile, mobilen, montage, montagen, möchten, möglichkeiten, neben, neue, neumünster, nicht, norddeutschland, norden, noxx, nr, nummer, nächsten“, nördlichen, oben, oberflächenmuster, objektausstattungen, objektgeschäft, objektverfolgung, oder, offen, offene, oktober, ording, original, ort, osten, ostseeautobahn, partner, persönlichkeitsentwicklung, peter, planung, player“, plön, potenzial, preisen, preiswerten, prinzipien, privat, produkte, produktion, professionelle, programm, projektplanung, präsentieren, prüft, qualität, qualitätsmarktführer, rahlstedt, raum, recht, referenzen, relativ, rendsburg, richtigkeit, rostock, ruhberg, sanitär, sanitärausstattungen, sanitäre, sanitäreinrichtungen, satz, schiebestapelwände, schleswig, schnell, schrankanlagen, schule, schulen, schulzentrum, schweiz, schwerin, schwimmbäder, segment, sehen, sehr, sein, seine, seit, sekretariat, selbstbeherrschung, seminargebäude, service, sich, sicherheits, sie, siehe, sind, sinne, sitzbankanlagen, skizzen, solchen, soll, sorgfalt, sortiment, sowie, sparsam, spezialist, spitzenprogramm, sportstätten, springer, später, st, stehen, stelle, stellt, stets, steuer, ständig, sukow, system, systemtrenn, systemtrennwänden, süden, teil, telefax, telefon, termintreue, timm, tr, tradition, trenn, trennsysteme, trenntec, trennvorhänge, trennwand, trennwandtechnik, trennwände, trennwände“, treuen, triftweg, trotz, tsd, typ, tätig, tätigkeit, türen, türsysteme, um, umgehen, und, undtrennvorhänge, uns, unser, unsere, unserem, unseren, unserer, unternehmer, verankert, verantwortlich, verantwortungsbewußt, verantwortungsbewußtsein, verbindung, verbirgt, verfügung, verkauf, verlag, vermarkten, vermitteln, vermittlung, versetzbare, verstärkung, versuchen, vertreiben, vertrieb, vertrieben, vertriebsgebiet, vertriebsprodukte, vertriebsteam, verwaltungsbauten, verwiesen, verändert, vielen, vision, volksbank, vollautomatische, vollständigkeit, vom, von, vor, vorhänge, vorpommern, vorteil, vorzunehmen, waldstraße, waschtische, website, websites, weizenmühle, weltweit, werden, werteorientierung, westen, westlichen, westliches, wie, wir, wird, wirtschaftliche, wismar, witthohn, wohlergehen, wollen, wurde, www, wände, wünsche, zargen, zentral, ziel, zielorientiertheit, zu, zuarbeit, zufriedenheit, zum, zur, zusammenarbeit, zusätzlich, zuverlässige, zwischen, zählenden, Änderungen, östliche, östlichen, über, übernommen, überwiegend, „biblische, „global, „liebe, „sanitäre, „unikate“"> </head> <body bgcolor="#FFFFFF"> <!-- ###DOKUMENT### begin --> <div id="trailer"><p style="color:#E5E7F1">###TRAILER###</p></div> <div id="backgroundlogo"> <div id="logo"></div> </div> <div id="bgcontent"> <div id="content"><p>###CONTENT###</p></div> </div> <div id="backgroundmenu"> <div id="menu"><p>###MENU###</p></div> <div id="strichunten"></div> </div> <!-- ###DOKUMENT### end --> </body> </html> hier noch das css a:link {color:#6699CC;text-decoration:none;} a:visited {color:#6699CC;text-decoration:none;} a:hover {color:#006699;text-decoration:none;} a:active {color:#6699CC;text-decoration:none;} *{ margin: 0px; padding: 0px; border: 0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-color: #000000; padding: 0px; margin: 0px; text-align: center; } div#bgcontent { position: relative; float: left; width: 100%; height: 300px; background-color: #C2C9E3; margin-top: 12px; padding: auto; z-index: 2; } div#content { position: absolute; left: 50%; margin-left: -450px; top: 0px; width: 900px; height: 300px; z-index: 3; text-align: left; } div#logo { float: right; background-image:url(images/Witthohn-Logo-lang.gif); width: 752px; height: 51px; } div#backgroundlogo { float: left; width: 100%; background-image:url(images/strich_links.gif); height: 51px; margin-top: -12px; } div#trailer { float: left; padding-left: 50px; height: auto; text-align: left; font-size: 120px; font-weight: bold; font-color: #E5E7F1; margin-top: 80px; line-height: 75%; } div#strichunten { float: left; width: 100%; height: 21px; position: relative; top: -21px; background-image:url(images/strich_unten.gif); z-index: 4; } div#backgroundmenu { float: left; width: 100%; height: auto; position: relative; top: 32px; z-index: 5; } div#menu { width: 900px; height: 19px; margin: auto; position: relative; text-align; center; font-size: 14px; z-index: 6; } |
 |
|
|
Verfasst am: 09. 09. 2010 [20:23]
|
|
|
kraftstoff
Themenersteller
Dabei seit: 31.08.2010
Beiträge: 3
|
hat denn niemand eine idee?? neeed help! |
|
|
|
Verfasst am: 10. 09. 2010 [07:24]
|
|
|
zeroalpha
Dabei seit: 24.06.2005
Beiträge: 89
|
Herzlich Willkommen im Forum! Kleiner Hinweis... bitte Code entsprechend auszeichnen... dafür gibt es die hübschen Buttons! TYPOSCRIPT # allgemeine typoscript-konfigurationen config.linkVars = L config.sys_language_uid = 0 config.language = de config.spamProtectEmailAdresses = 1 page = PAGE page { #STANDARD SEITENTITEL ABSCHALTEN config.noPageTitle = 1 # SEITENVERIFIZIERUNG FÜR GOOGLE headerData.5 = TEXT headerData.5.wrap = <meta name="verify-v1" content="HZQ3t0eaM1J0uuwcmrFuLn5eUoEkCBnR+djhjar1n24=" /> # SEITENTITEL EINFÜGEN headerData.6 = TEXT headerData.6.wrap = <title>Witthohn GmbH Objektausstattungen | Systemtrennwände | Einbauküchen | Umkleideanlagen</title> typeNum = 0 bodyTag = <body bgColor = "#FFFFFF"> stylesheet = fileadmin/style.css meta { robots =index,follow revisit-after= 7 days description = Homepage der Witthohn GmbH Objektausstattungen keywords = Mobile Trennwände, Systemtrennwände, Systemtrennwand, Bürokabinen, Einbauküchen, Teeküchen, Pantries, Garderobenschränke, Umkleideschränke, Schiebetüren, Maschinenschutzgitter, Faltwände page-type = Informationen audience = Alle Content-Language = de } includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 10 = TEMPLATE 10.template = FILE 10.template.file = fileadmin/witthohn.html 10.workOnSubpart = DOKUMENT 10.marks { TRAILER = TEXT TRAILER.value = willkommen CONTENT = CONTENT CONTENT { table = tt_content select.orderBy = sorting select.where = colPos = 0 select.languageField = sys_language_uid } MENU = HMENU MENU.special = directory MENU.special.value = 2 MENU.entryLevel = 1 MENU.1 = GMENU_LAYERS MENU.1 { layerStyle = position:absolute;VISIBILITY:hidden; expAll=1 wrap=<table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table> relativeToTriggerItem = 1 relativeToTriggerItem.addHeight = 1 leftOffset = 350 topOffset = 520 hideMenuWhenNotOver = 1 useLargestItemX = 0 displayActiveOnLoad = 0 dontHideOnMouseUp = 1 disableAltText = 1 directionUp = 1 NO = 1 NO { wrap=<td>|</td> XY = [10.w]+150, 19 |*| [10.w]+150, 19 |*| 80, 19 offset = 0, 14 10 = TEXT transparentBackground = 1 10.text.field = title 10.offset = 5,0 10.fontColor = #6699CC 10.fontFile = fileadmin/fonts/arial.ttf 10.fontSize = 13 10.niceText = 1 10.antiAlias = 0 } RO < .NO RO.10.fontColor = #00529B ACT < .RO ACT.40.fontColor = #00529B CUR < .RO } MENU.2 = GMENU MENU.2 { wrap=<table style="border: 1px solid #ffffff" cellspacing="0" cellpadding="0"><tr>|</tr></table> relativeToParentLayer = 1 useLargestItemX = 1 topOffset = -1 disableAltText = 0 NO = 1 NO { wrap=<tr><td>|</td></tr> XY = [10.w]+150, 21 backColor = #00539B 40 = TEXT 40.text.field = title 40.fontFile = fileadmin/fonts/arial.ttf 40.fontSize = 12 40.fontColor = white 40.niceText = 1 40.antiAlias = 0 40.offset = 5, 14 } RO < .NO RO.40.fontColor = #6699CC } } } HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>witthohn-objekte.de</title> <link rel="stylesheet" href="fileadmin/style.css" type="text/css">aufträgen, aus, ausnutzen, ausschließlich, ausschreibungstexten, außendienst, axel, babywickeltische, "> </head> <body bgcolor="#FFFFFF"> <!-- ###DOKUMENT### begin --> <div id="trailer"><p style="color:#E5E7F1">###TRAILER###</p></div> <div id="backgroundlogo"> <div id="logo"></div> </div> <div id="bgcontent"> <div id="content"><p>###CONTENT###</p></div> </div> <div id="backgroundmenu"> <div id="menu"><p>###MENU###</p></div> <div id="strichunten"></div> </div> <!-- ###DOKUMENT### end --> </body> </html> Und dann, was natürlich am Anfang schwer ist, nur den relevanten Code-Teil posten, weil es kann sich keiner immer durch den completten Code wurschteln. Und ist das Programm auch noch so schwer,
schlimmer wär's wenn ich Programmierer wär! Die wichtigsten Menüs in TYPO3 |
|
|
|
Verfasst am: 13. 09. 2010 [21:15]
|
|
|
kraftstoff
Themenersteller
Dabei seit: 31.08.2010
Beiträge: 3
|
hallo zeroalpha danke für die hilfreichen hinweise! aller anfang ist schwer  sag mal aber hast du auch eine antwort für mich? verzweiflungsstatus hält an... krieg das menu (2. ebene) einfach nicht fixiert auf die 1. ebene! |
|
|