--- title: "Menüs basierend auf CSS" url: "https://www.typo3.net/d/39055-menues-basierend-auf-css" source: "typo3.net" tags: ["TYPO3","Menüs","HTML & CSS","Tipp"] created: "2006-03-07" last_reply: "2006-11-16" replies: 136 solved: false page: 2 pages: 2 lang: "de" --- # Menüs basierend auf CSS (Seite 2 von 2) TYPO3 › Menüs · 136 Antworten · gestartet 2006-03-07 Frage: [Seite 1](https://www.typo3.net/d/39055-menues-basierend-auf-css.md) ## Antworten (#101 bis #137) ### [#101](https://www.typo3.net/d/39055-menues-basierend-auf-css/101) · Elfenkind · 2006-09-13 gibt es eine Möglichkeit die Navipunkte zentriert darzustellen? lg ### [#102](https://www.typo3.net/d/39055-menues-basierend-auf-css/102) · theschaaf · 2006-09-13 vll mit ```html valign="center" ``` so mach ichs immer in html ### [#103](https://www.typo3.net/d/39055-menues-basierend-auf-css/103) · theschaaf · 2006-09-14 mein horizontales menü ist immer viel zu lang, woran kann das liegen? nach dem letzen button gehts noch viel weiter ### [#104](https://www.typo3.net/d/39055-menues-basierend-auf-css/104) · theschaaf · 2006-09-22 firefox zeigt mir das menü nicht richtig an ist das normal? ### [#105](https://www.typo3.net/d/39055-menues-basierend-auf-css/105) · just2b · 2006-09-22 > **theschaaf schrieb:** > > firefox zeigt mir das menü nicht richtig an > ist das normal? vermutlich nicht ### [#106](https://www.typo3.net/d/39055-menues-basierend-auf-css/106) · lukepower · 2006-10-04 Hallo allen! Erstmal ein dickes Lob an just2b, genialer Code, einfach und sehr effizient :-) Habe sehr lange nach sowas gesucht. Nun, ich habe es auf meinem Template integriert (ist in der Testumgebung, deshalb habe ich kein online-link). Läuft super, allerdings sieht beim Firefox die Seite etwas "falsch" aus: Der gesamte Teil der Seite, welcher nach dem menü kommt, ist nach Rechts verschoben (fängt dort an, wo das Menü aufhört). Im IE ist es perfekt, hab auch die Seite nochmal im XHTML Validator gegeben, und ist in Ordnung. Habe übrigens das gleiche Problem mit den Beispielen am Anfang des Threads. Hat jemand hier eine Idee? (Oder sollte ich einfach auf die neueste Firefox Version umsteigen?) Danke! ### [#107](https://www.typo3.net/d/39055-menues-basierend-auf-css/107) · just2b · 2006-10-04 Hallo, erstmals thx fürs Lob! Nun nur weil was valide ist, heißt das noch lange nicht dass alles so ausschaut wie du willst! Mach doch einen html-dummy mit deinem Template, dummy Inhalt und dem Menü drinnen und stell das ganze online. georg ### [#108](https://www.typo3.net/d/39055-menues-basierend-auf-css/108) · lukepower · 2006-10-04 So, ich hab mal meinen Testserver online gestellt... Schaut's mal ob es läuft. Die Site samt Template ist recht leer (außer Rooms); es ist eine Studie für einen Kunden. Grüße Lk ### [#109](https://www.typo3.net/d/39055-menues-basierend-auf-css/109) · just2b · 2006-10-04 > **lukepower schrieb:** > > So, ich hab mal meinen Testserver online gestellt... > funktioniert nicht ### [#110](https://www.typo3.net/d/39055-menues-basierend-auf-css/110) · lukepower · 2006-10-04 Bitte nochmals versuchen... ;-) ### [#111](https://www.typo3.net/d/39055-menues-basierend-auf-css/111) · just2b · 2006-10-04 uff... also IMO solltest du eine Entscheidung treffen: Entweder Tabellen *oder* divs, aber nicht mischen. Hab mir das ganze jetzt nicht im IE angeschaut, konkret den Fehler auch nicht gefunden, aber sowas wär mal quick & dirty > #maintbl { > left:-700px; > position:relative; > } lg georg ### [#112](https://www.typo3.net/d/39055-menues-basierend-auf-css/112) · lukepower · 2006-10-04 Georg, danke erstmal für deine Mühen ;-) Ich hab's versucht, der Hack zerlegt aber die Seite (erwartungsgemäß) im IE. In Firefox siehts etwas besser aus - eine Lösung isses wohl nicht. Ich wundere mich, weil ich bis vor kurzem mit einem normalen TMENU gearbeitet habe, und sich jetzt mit dem CSS-Menu sich dieses Problem manifestiert. Ich werd'mal schauen, ob es mit einem
o.ä. besser geht. Lk ### [#113](https://www.typo3.net/d/39055-menues-basierend-auf-css/113) · d_designer · 2006-10-05 Hallo Ist ja wirklich toll das mal ein ganzes beispiel hier aufgeführt wird. Aber ist da nicht auch das Problem zumindest bei Horizontalen Menue, das abstände zwischen den naveinträgen in der ersten eben nicht passen? ### [#114](https://www.typo3.net/d/39055-menues-basierend-auf-css/114) · d_designer · 2006-10-05 Ich habe das horizontale menue jetzt auch mal ausprobiert, bei mir zeigt er garnix an woran kann das liegen??? Nichtmal die erste ebene ### [#115](https://www.typo3.net/d/39055-menues-basierend-auf-css/115) · just2b · 2006-10-05 > **d_designer schrieb:** > > Ich habe das horizontale menue jetzt auch mal ausprobiert, bei mir zeigt er garnix an woran kann das liegen??? > Nichtmal die erste ebene am CSS, am TS, special.value zeigt bei dir auf ne ID die es nicht gibt, du hast keinen Marker dafür.... genug geraten? ### [#116](https://www.typo3.net/d/39055-menues-basierend-auf-css/116) · d_designer · 2006-10-05 Die marker hab ich umgeschrieben. Ich habe schonmal probiert ein textmenue zu schreiben hat alles gut funktioniert ausser im mozilla da ging garnix. dann habe ich das relativetotrigger rausgenommen dann gings im mozilla aber die zweite ebene hing immer am mauszeiger. nun hoffe ich es mit deinem menue hinzubekommen. hoffe hoffe ```typoscript seite = PAGE seite.bodyTag = seite.meta.http-equiv="imagetoolbar" content"no"> seite.stylesheet = fileadmin/styles/horizontal_CSS.css seite.typeNum = 0 seite.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php seite.10 = TEMPLATE seite.10 { headerData = COA headerData.11 = TEXT headerData.11.value = template = FILE template.file = fileadmin/template3_css.htm WorkOnSubpart= DOKUMENT marks.INHALT < styles.content.get marks.HINTERGRUND < styles.content.getLeft marks.INHALTEN < styles.content.getRight marks.INHALTE < styles.content.getBorder #navi################################################# marks.NAVI = HMENU marks.NAVI { special = directory special.value = 850 1 = TMENU 1 { expAll = 1 wrap = noBlur = 1 NO = 1 NO.wrapItemAndSub =
  • |
    • IFSUB = 1 IFSUB.wrapItemAndSub =
  • |
    • ACTIFSUB < .IFSUB } 2 < .1 2.wrap = 3 < .2 4 < .2 } ``` ### [#117](https://www.typo3.net/d/39055-menues-basierend-auf-css/117) · just2b · 2006-10-05 Es gibt bei dir die Seite 850? Da fängt das Menü an lg georg ### [#118](https://www.typo3.net/d/39055-menues-basierend-auf-css/118) · d_designer · 2006-10-05 nein bei mir fängt es bei 1 an oder die home halt. wie meinst 850. ### [#119](https://www.typo3.net/d/39055-menues-basierend-auf-css/119) · just2b · 2006-10-05 > **d_designer schrieb:** > > nein bei mir fängt es bei 1 an oder die home halt. > wie meinst 850. man sollte wissen was man ca kopiert ;) nimm zeile 25-26 raus und lies das: lg georg ### [#120](https://www.typo3.net/d/39055-menues-basierend-auf-css/120) · d_designer · 2006-10-05 Meinst du die beiden special's? Habe ich draussen zeigt aber garnix. Ich verzweifle noch an den Menues ### [#121](https://www.typo3.net/d/39055-menues-basierend-auf-css/121) · just2b · 2006-10-05 cache geleert, es gibt ein ###MENU### im template? ### [#122](https://www.typo3.net/d/39055-menues-basierend-auf-css/122) · d_designer · 2006-10-05 ich habe auch noch das menue aber wie gesagt geht nur sauber unter iE vieleicht kannst du mir da noch was zu sagen ```typoscript seite = PAGE seite.bodyTag = seite.meta.http-equiv="imagetoolbar" content"no"> seite.stylesheet = fileadmin/styles/styles_css.css seite.typeNum = 0 seite.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php seite.10 = TEMPLATE seite.10 { template = FILE template.file = fileadmin/template3_css.htm WorkOnSubpart= DOKUMENT marks.INHALT < styles.content.get marks.HINTERGRUND < styles.content.getLeft marks.INHALTEN < styles.content.getRight marks.INHALTE < styles.content.getBorder #navi################################################# marks.NAVI = HMENU marks.NAVI.1 = TMENU_LAYERS marks.NAVI.1 { layerStyle = position:absolute;left:0px;top:35;width:10px;VISIBILITY:hidden; xPosOffset = -1 lockPosition = 200 hideMenuWhenNotOver = 1 expAll = 1 leftOffset = 0 topOffset = 80 relativeToTriggerItem = 1 NO { allWrap = | ATagParams=class="eins" } } marks.NAVI.2 = TMENU_LAYERS marks.NAVI.2 { layerStyle = position:absolute;top:35;width:1px;left:0px; VISIBILITY:hidden; xPosOffset = -100 lockPosition = 200 hideMenuWhenNotOver = 1 expAll = 1 leftOffset = 310 topOffset = 90 relativeToTriggerItem = 1 NO { allWrap = | ATagParams=class="zwei" } } marks.NAVI.3 = TMENU_LAYERS marks.NAVI.3 { layerStyle = position:absolute;left:0px;top:100;width:100px;VISIBILITY:hidden; xPosOffset = -500 lockPosition = 100 hideMenuWhenNotOver = 1 expAll = 1 leftOffset = 90 topOffset = 1 relativeToTriggerItem = 1 NO { allWrap = | ATagParams=class="drei" } } ``` ### [#123](https://www.typo3.net/d/39055-menues-basierend-auf-css/123) · d_designer · 2006-10-05 Ja das ###Menue### ist ein verticales was auch noch in der designvorlage vorhanden ist ### [#124](https://www.typo3.net/d/39055-menues-basierend-auf-css/124) · just2b · 2006-10-05 ###Menue### <> ###MENU### ### [#125](https://www.typo3.net/d/39055-menues-basierend-auf-css/125) · d_designer · 2006-10-05 meinst du bei der includeLibs?? Also eigentlich gibt es kein ###MENU### nur ein ###MENUE### wie in meinem beispiel. Jetzt bin ich ein wenig verwirrt ### [#126](https://www.typo3.net/d/39055-menues-basierend-auf-css/126) · just2b · 2006-10-05 sry auch meine Schuld. du schreibst im vorigen Bsp: ```typoscript marks.NAVI = HMENU marks.NAVI { ``` gibt es ein ###NAVI### in deinem Template? wenn nein, dann machen! ### [#127](https://www.typo3.net/d/39055-menues-basierend-auf-css/127) · d_designer · 2006-10-05 Ja das gibt es. Das soll das horizontale sein. ### [#128](https://www.typo3.net/d/39055-menues-basierend-auf-css/128) · einpraegsam.​net · 2006-10-12 Nochmal mein Senf: Klasse Sache! ### [#129](https://www.typo3.net/d/39055-menues-basierend-auf-css/129) · just2b · 2006-10-12 > **wunschtacho schrieb:** > > Nochmal mein Senf: > Klasse Sache! jo danke ;) leider wenig Zeit mehr dem zu widmen und auszubauen... ### [#130](https://www.typo3.net/d/39055-menues-basierend-auf-css/130) · wev · 2006-10-13 Halli Hallo Ich versuche das horizontale menu auch auf meiner Seite einzubinden und muss Dir an dieser Stelle ein großes Lob und meinen Dank aussprechen. Nur habe ich ein Problem: Im Firefox funzt alles wunderbar. Aber im Internet Explorer zeigt es mir nur die horizontalen Menüpunkte an, die Untermenüs aber nicht. Ich mache das ganze mit Templavoila, aber das sollte ja nicht das probl. sein. Java habe ich eingeschaltet, und im HTML Template eingebunden, hier mein Code: ```html Test
    ``` und hier das css: ```html * { margin: 0; padding: 0; } body { font: 95% Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; background-color: #97CFE6; } #container { text-align: left; position: relative; background: transparent; margin: 0 auto; border-left: 1px solid #333; border-right: 1px solid #333; } #nav, #nav ul { float: left; width: 86em; list-style: none; line-height: 1em; background: white; color: #000; font-weight: bold; padding: 0; border: solid #eda; border-width: 1px 0; margin: 0 0 1em 0; } #nav a { display: block; width: 10em; color: #7C6240; text-decoration: none; padding: 0.25em 0em; } #nav a.menuparent { background: url(arrow.gif) no-repeat 90% 40%; } #nav li { float: left; padding: 0; width: 10em; } #nav li ul { position: absolute; left: -999em; height: auto; width: 14em; font-weight: normal; border-width: 0.25em; margin: 0; } #nav li li { width: 14em } #nav li ul a { width: 14em; padding-left: 1em; } #nav li ul ul { margin: -1.75em 0 0 14em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #eda; color: white; } ``` und hier das menü Template TS: ```typoscript lib.MENU = HMENU lib.MENU { special = directory special.value = 850 1 = TMENU 1 { expAll = 1 wrap = noBlur = 1 NO = 1 NO.wrapItemAndSub =
  • |
    • IFSUB = 1 IFSUB.wrapItemAndSub =
  • |
    • ACTIFSUB < .IFSUB } 2 < .1 2.wrap =
      |
    3 < .2 4 < .2 } ``` und das ist das Haupt TS: ```typoscript constans # Limitation of picture widths in main content column: styles.content.imgtext.maxW = 600 # Setting link targets to nothing (no frames mode) PAGE_TARGET = content.pageFrameObj = # Making sure each line in image captions (of Image content elements) are applied to corresponding image number in the element: styles.content.imgtext.captionSplit = 1 setup: config.spamProtectEmailAddresses = 1 page = PAGE page.typeNum = 0 page.10 = USER page.10.userFunc = tx_templavoila_pi1->main_page page { headerData = COA headerData.11 = TEXT headerData.11.value = } ``` kann jemand bitte helfen? ### [#131](https://www.typo3.net/d/39055-menues-basierend-auf-css/131) · just2b · 2006-10-14 wird das js wirklich eingebunden? ### [#132](https://www.typo3.net/d/39055-menues-basierend-auf-css/132) · wev · 2006-10-14 > **just2b schrieb:** > > wird das js wirklich eingebunden? Weiss ich nicht so genau. Aber im Fire Fox wird das Menü angezeigt, wie ich es erwarte und im IE nicht. Was müsste ich denn anders machen oder wie kann ich es testen ob das JS greift. Wie müsste ich es im TS vom templavoila einbinden? Im TS habe ich noch einen fehler gepostet in Zeile 4 bei lib.Menu heisst es bei mir 3 nicht 850. Sonst käme ja sowieso nichts weil es die Seiten ID 850 noch nicht gibt. Im IE habe ich ja JS eingeschaltet... Gruss Vik ### [#133](https://www.typo3.net/d/39055-menues-basierend-auf-css/133) · just2b · 2006-10-14 wie wärs mit im quellcode schauen? firefox braucht kein js damit es funktioniert georg ### [#134](https://www.typo3.net/d/39055-menues-basierend-auf-css/134) · wev · 2006-10-15 Hallo man o man, vielen Dank für den Tip. Im Quellcode wird halt ein anderer Pfad angezeigt darum findet der Browser halt die Datei nicht. Den Pfad zum *.js korrigiert, und siehe da es funzt, wunderbar. Wenn ich hier den ganzen Thread lese hatten andere das selbe problem. Tja es geht halt nicht, wenn man nur die codes kopiert, die Dateipfade sollten halt schon auch stimmen. Muss ich mich selber an der Nase nehmen. Also nochmals vielen Dank. Vik ### [#135](https://www.typo3.net/d/39055-menues-basierend-auf-css/135) · freyherr · 2006-10-22 Hallo, ich versuche zwei vertikale Menüs einzubinden. Der Firefox macht es. der IE mal wieder nicht. Hat jemand von euch Erfahrungen, Tipps? Viele Grüße und besten Dank für jede Anmerkung Peter ### [#136](https://www.typo3.net/d/39055-menues-basierend-auf-css/136) · just2b · 2006-10-22 sthet wohl auch schon 10x im Thread: javascript nicht eingebunden, oder du hast was beim TS beim IFSUB umbenannt... georg ### [#137](https://www.typo3.net/d/39055-menues-basierend-auf-css/137) · just2b · 2006-11-16 Hallo Michael, ich nehme deinen Beitrag zum Anlass und schließe diesen Thread, sonst läuft das noch weiter aus. Dein Problem hat mit dem Thread nichts zu tun, bitte in einem eigenem Thread fragen! Für jeden der eine Frage zu etwas von dem Thread hat: Neuen Thread aufmachen und auf den verweisen! Georg --- Quelle: „Menüs basierend auf CSS“, typo3.net, https://www.typo3.net/d/39055-menues-basierend-auf-css Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.