--- title: "Menü mit Grafik voran" url: "https://www.typo3.net/d/71422-menue-mit-grafik-voran" source: "typo3.net" tags: ["TYPO3","Menüs","Frage"] created: "2007-12-09" last_reply: "2008-02-07" replies: 13 solved: false page: 1 pages: 1 lang: "de" --- # Menü mit Grafik voran TYPO3 › Menüs · 13 Antworten · gestartet 2007-12-09 ## Eröffnungsbeitrag **Specter** · 2007-12-09 · [Beitrag #1](https://www.typo3.net/d/71422-menue-mit-grafik-voran/1) Hallo allerseits, ich habe ein Menü dass so aussieht: [Bild: newsletteronline.ch/…/bild1.jpg](http://www.newsletteronline.ch/images/bild1.jpg) Das TypoScript sieht so aus: ```typoscript page.10.marks.MENU = HMENU page.10.marks.MENU.1 = TMENU page.10.marks.MENU.1 { wrap = |
NO { linkWrap = | allWrap =
| } } page.10.marks.MENU.2 = TMENU page.10.marks.MENU.2 { wrap = | target = page NO { expAll = 0 RO = 1 after =
ATagBeforeWrap = 1 linkWrap= | } } ``` Ich möchte jedoch das es so aussieht: [Bild: newsletteronline.ch/…/bild2.jpg](http://www.newsletteronline.ch/images/bild2.jpg) Den Pfeil gibts als gif unter fileadmin/images/arrow.gif Wie muss nun das TypoScript aussehen? Kann mir da jemand weiterhelfen? Sollte dann etwa so aussehen: (grafik)Menüpunkt1 (grafik)Menüpunkt2 -----------Ebene2 von Menüpunkt 2 (grafik)Menüpunkt3 (grafik)Menüpunkt4 usw. Danke für eure Antworten! ## Antworten ### [#2](https://www.typo3.net/d/71422-menue-mit-grafik-voran/2) · Unbekannter Benutzer · 2007-12-09 Einfach in den Bereich in dem du es willst mit beforeImg = arbeiten. Bei dir bleibt also nur im NO siehe auch in der Ref: ### [#3](https://www.typo3.net/d/71422-menue-mit-grafik-voran/3) · Specter · 2007-12-09 das mit beforeImg hat nicht geklappt, habe es vermutlich am falschen ort eingefütgt. Wo müsste das gemäss meinem Code hin? Danke! ### [#4](https://www.typo3.net/d/71422-menue-mit-grafik-voran/4) · Unbekannter Benutzer · 2007-12-10 ```typoscript NO { ... beforeImg = ... } ``` ### [#5](https://www.typo3.net/d/71422-menue-mit-grafik-voran/5) · akonze · 2007-12-11 Ich habe gerade ein ähnliches Problem. Zunächst mal zum Problem des Threadstellers. Wenn du lediglich ein und die selbe Grafik vor alle Menüpunkte einer Ebene haben willst, dann braucht man eigentlich nichts weiter zu machen, als die Menüpunkte mit CSS entsprechend zu formatieren. Beispiel: ```typoscript # Main Navigation subparts.LEFTNAV = HMENU subparts.LEFTNAV.1 = TMENU subparts.LEFTNAV.1 { NO.allWrap =
NO.linkWrap =
  • |
    • ACT = 1 ACT.allWrap =
    ACT.linkWrap =
  • |
    • } ``` In die CSS Datei dann in etwa sowas hier: ```html .sublevel a:link, .sublevel a:visited { text-decoration : none; paading : 0 0 0 20px; background : url('../images/deinbild.png') 0 50% no-repeat; } ``` **Mein Problem - Menü mit unterschiedlichen Grafiken dynamisch geladen** Im Grund möchte ich auch ein Menü mit Bildern vornedrann. Allerdings soll das Bild dynamisch aus dem "Dateien" Feld der jeweiliegen Seite ausgelesen werden. Hat dazu jemand eine Idee? Im Grund soll es so aussehen: ----------------------------- BILD01 Menütext 01 ----------------------------- BILD02 Menütext 02 ----------------------------- BILD03 Menütext 03 ----------------------------- ... Problem für mich ist 1. wie komme ich an die Dateinamen aus dem Dateienfeld der einzelnen Seiten rann. Mit bekanntem Konstrukt komme ich ja nur an die Datei der aktuellen Seite, aber nicht der Menüpunkte: ```typoscript file.import { cObject = TEXT cObject.value = fileadmin/bild01.png cObject.override { required = 1 data = levelmedia: -1, "slide" wrap = uploads/media/ | listNum = 0 } ``` Und 2. stellt sich mir die Frage wie ich das dann verknüpfe? Ich würde das ja gerne irgendwie in den linkWrap mit reinnehmen. Hier mal wie ich mir das laienhaft vorstelle: ```typoscript NO.linkWrap.1 =
  • |
    • ``` So, jetzt seid ihr drann. Vielen Dank für eure Vorschläge. :D ### [#6](https://www.typo3.net/d/71422-menue-mit-grafik-voran/6) · CrocodileR · 2008-01-30 Hallo akonze, hast du eine Lösung für dein Problem gefunden? Ich hätte auch gerne: Grafik1-Menüpunkt1 Grafik2-Menüpunkt2 Grafik3-Menüpunkt3 ### [#7](https://www.typo3.net/d/71422-menue-mit-grafik-voran/7) · d.​walter · 2008-01-30 Hallo Specter, der Ansatz von akonze geht imo schon mal in die richtige Richtung, aber ich denke, dass lässt sich auch noch einfacher und eleganter lösen! Es gibt doch die tolle CSS-Anweisung list-style-image vgl. Damit bist du glaube ich besser bedient. Was dein Problem betrifft akonze muss ich leider im Moment passen. Daniel ### [#8](https://www.typo3.net/d/71422-menue-mit-grafik-voran/8) · CrocodileR · 2008-01-30 Hab mich da an was erinnert! Ich probier mal rgmenu aus, melde mich, wenn es geklappt hat. ### [#9](https://www.typo3.net/d/71422-menue-mit-grafik-voran/9) · Tante Jensen · 2008-01-30 Kann man nicht einfach jedem einzelnen Menüpunkt eine individuelle Klasse (class="li1") geben, die man über CSS ansprechen kann? Menüs kann man doch mit linkWrap =
  • |
    • ||
  • |
    • |*| ... sehr schön aufdröseln. Und dann würde ich von list-style-image abraten und anstelle dessen background-image verwenden, das machen die Browser einheitlich. LG, Nils ### [#10](https://www.typo3.net/d/71422-menue-mit-grafik-voran/10) · d.​walter · 2008-01-30 Geht imo auch würde ich sicherlich auch so bei verschiedenen Grafiken machen. Aber dann muss man bei einer wachsenden Anzahl von Menüpunkten ständig im CSS und im TS nacharbeiten. Aber wenn es nur eine Grafik ist, was spricht denn gegen list-style-image? Ich hatte da noch keine Probleme! ### [#11](https://www.typo3.net/d/71422-menue-mit-grafik-voran/11) · ArminB · 2008-01-31 moin, als erstes stellt sich die Frage, soll die Grafik mit in den a-tag oder außerhalb positioniert werden. Wenn mit im a-Tag, dann mit: ```typoscript NO.stdWrap.prepend = IMAGE ``` Wenn außerhalb dann ```typoscript NO.before.cObject = IMAGE ``` Und ans Bild kann man so kommen: ```typoscript file { width = 140c height = 53c import { field = media wrap = uploads/media/ | listNum = 0 } } ``` So als Ansatz gedacht.. Armin ### [#12](https://www.typo3.net/d/71422-menue-mit-grafik-voran/12) · CrocodileR · 2008-02-01 rgmenu klappt wunderbar. Da kann man für jede Seite ein Icon auswählen und per css anzeigen lassen. Meine Lösung ist geringfügig anders als im manual angegeben, vom Prinzip her aber gleich. Supoerextension!!!! :p ### [#13](https://www.typo3.net/d/71422-menue-mit-grafik-voran/13) · Tante Jensen · 2008-02-07 Hallo d.walter, list-style-image hab ich auch schon mehrmals verwendet, ist eine schöne Eigenschaft. Probleme gibt es nur manchmal, weil der IE das Bild oben anschlägt, der Firefox aber unten (oder so ähnlich, ich kann mir das nie merken). Das stört natürlich nicht immer, aber oft dann, wenn der Designer so hübsche knubbelige kleine Punkte gemacht hat und eine große Zeilenhöhe wählte. Und natürlich kann man dann keinen hover-Effekt machen (das kann IE6 nur auf dem ). Wenn man den überhaupt haben möchte. Gruß, Nils (irgendwie ist meine return-taste kaputt, deshalb alles display: inline). ### [#14](https://www.typo3.net/d/71422-menue-mit-grafik-voran/14) · d.​walter · 2008-02-07 Danke für die Info Tante Jensen, wieder was gelernt!! :D Daniel --- Quelle: „Menü mit Grafik voran“, typo3.net, https://www.typo3.net/d/71422-menue-mit-grafik-voran Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.