Pfeil-gif-bild mit Text daneben als Menü anzeigen

Hi,

ich möchte gerne ein Menü erstellen das ein Pfeil vorne als Grafik hat wie in diesem Forum (nur das der Pfeil auch zum Link dazugehört) und daneben ein Text.
Bei mir funktioniert aber entweder der Text oder der Pfeil.
Es so soll als HTML ausgegeben werden:

<div id="Menu">
<ul>
<li><a href="#"><img src="arrow.gif" alt="" />Hauptpunkt 1</a></li>
<li><a href="#"><img src="arrow.gif" alt="" />Hauptpunkt 2</a></li>
</ul>
</div>

Mein Typoscript sieht so im moment aus wo aber nur Pfeile nebeneinander kommen:

page.10.subparts.LeftNav = HMENU
page.10.subparts.LeftNav.entryLevel = 1

page.10.subparts.LeftNav {

  1 = GMENU
  1.wrap = <ul> | </ul>
  1.NO.wrapItemAndSub = <li class="Ebene_1"> | </li>
    
  1.NO.XY = [3.w], [3.h]
  1.NO.3 = IMAGE
  1.NO.3.file = arrow_black.gif
                
   
  1.ACT < 1.NO
  1.ACT = 1
  1.ACT.3.file = arrow_black_down*.gif
  1.ACT.20.fontColor = white

    
  2 = TMENU
  2.wrap = <ul> | </ul>
  2.NO.wrapItemAndSub = <li class="Ebene_1"> | </li>

}

und warum nicht einfach im CSS:

a, a:link {
background:url(arrow.gif) no-repeat 0% 50%;
}

georg

Die Variante finde ich nicht so ideal, weil ich ja bei aktivierter Seite ein anderen Pfeil haben will und mit a:link und a:visited ist das nicht ausreichend umsetzbar, außerdem kann ich die Pfeilposition schlecht kontrollieren dabei.

Gibt es denn mit Typoscript keine alternative Grafik mit Schrift zu kombinieren??
Kann ich mir gar nicht vorstellen.

sanduleak schrieb

Die Variante finde ich nicht so ideal, weil ich ja bei aktivierter Seite ein anderen Pfeil haben will und mit a:link und a:visited ist das nicht ausreichend umsetzbar, außerdem kann ich die Pfeilposition schlecht kontrollieren dabei.

ist natürlich blödsinn, weil du bei ACT.wrapItemAndSub = <li class"act">|</li> auch mit .act a den Link ansprechen kannst und die Grafik im Hintergrund auch px genau positioniert werden kann anstatt mit Prozenten, aber ok 😉

sanduleak schrieb

Gibt es denn mit Typoscript keine alternative Grafik mit Schrift zu kombinieren??
Kann ich mir gar nicht vorstellen.

Natürlich gibt es die, wollte nur die IMO bessere Variante nennen.

NO.ATagBeforeWrap = 1
NO.linkwrap = <img />|

sollte so funktionieren

georg

ja, das zweite hat geklappt,
vielen danke für die schnelle Antwort, ich arbeite erst ein paar Tage mit typo3 und bin wieder etwas weiter kommen.

Hallo,

habe eigentlich genau dieses Problem zu lösen. Bin mir jedoch nciht so ganz sicher ob ich eure Erklärung verstanden habe. Wenn ich euren TS Code in mein root template übernehme, geht es dann?`Oder muss ich noch konfigurierungen in meine Design.html Vorlage integreien? Bin mir nciht so ganz sicher wie ich es anstellen muss.

Vielen Dank

Hi,

du brauchst im template einen subpart <-- ###Menue### start-->...<-- ##Menue## stop -->

dann kannst du den subpart mit page.10.subparts.Menue anprechen und der Code müsste auch funktionieren.
Für einen Pfeil gibst du noch zusätzlich die zeilen an
NO.ATagBeforeWrap = 1
NO.linkwrap = <img src="pfeil.gif"/> |

HI,
danke für die antwort...aber subparts legt man doch in der designvorlage fest...und nicht im template, oder?

Wenn das noch geklärt werden könnte, fänd ich sehr nett...

Grüße

Hi,

mit dem Template meine ich die Designvorlage in Form einer .html Datei die in subparts unterteilt ist.

hi,

danke echt toll es klappt habe es zwar ein wenig anders gemacht aber vom prinzip ist es überein...nun ist mir ncoh nciht so klar..wie ich es hin bekomme das der pfeil oder die das IMAGE auf die rechte seite wandert....ist bis jetzt logischerweise auf der linken.

Grüße
Benni