Zum Inhalt springen

Hauptmenü, nummeriert und mit <span> Bereich im Link

Erstellt am 15. Juni 2008 · 4 Antworten · letzte Antwort am 28. Juni 2008

Tags: Frage

textus ·

Hallo,

ich möchte ein Menü nach folgendem Vorbild erzeugen:

<li><a href="leistungen.html">Leistungen <span>01</span></a></li>

Bild: medianopoly.de/menue.jpg

Die Struktur kann leider nicht geändert werden. Hat jemand einen Ansatz, wie man das umsetzen kann?

Viele Grüße

Stefan

Unbekannter Benutzer ·

Mh... mehrere...

1. Wirst du das was du willst mit deinem Code so nicht erreichen können. Wenn du einfach ein span-Tag hinter den Menütitel generierst, steht die Nummer direkt hinter dem Titel und nicht rechtsbündig. Dafür müsstest du span erstmal zum block-Element machen und dann gehts vielleicht mit einem float right.

2. Eventuell die Zahlen als Background image dem A-tag mitgeben und per position rechts ausrichten. Die Grafiken dann aus dem mediafeld auslesen. Würde sicher gehen, hat aber den Nachteil, dass du die Grafiken von Hand erstellen musst.

3. Ein Feld der Seiteneigenschaften verwenden. Zum Beispiel abstract. Da also die passende Zahl rein und per append dem a-Tag folgen lassen und mit nem passenden wrap ausrichten. Eventuell mit postion:absolute; arbeiten.

lowbug ·

hallo,

ich steh vor dem selben problem und bin nun nach 2 stunden rumprobieren am ende mit meinem latein ...

ich benötige folgende formatierung der html ausgabe:

<li><a href="index.php?id=9"><span>Menupunkt</span></a></li>

typo3 liefert mir jedoch nur

<li><span><a href="index.php?id=9">Menupunkt</a></span></li>

ich benötige also einen wrap oder ähnliches, damit der <span>-tag von außerhalb nach innen wandert ...

hier noch mein TS gesäubert

MENU = HMENU
  MENU {
    special = list
    special.value = 9,8,7,6,5,4
	1 = TMENU
	1 {
	  expAll = 1
	  wrap = <div class="tabs"><ul>|</ul></div>
	  noBlur = 1
	  NO = 1
	  NO.wrapItemAndSub = <li>|</li>
  	  ACT = 1
	  ACT.wrapItemAndSub = <li class="selected">|</li>
  }

in zeile 11 bringt er mir mittels <li><span>|</span></li> eben leider nicht das gewünschte ergebnis ... BITTE UM HILFE !!

einpraegsam.​net ·
lowbug schrieb

ich benötige also einen wrap oder ähnliches, damit der <span>-tag von außerhalb nach innen wandert ...

ATagBeforeWrap dürfte dir helfen

lowbug ·

hm dachte ich vorher auch, aba es scheint noch zu früh zu sein um das hinzubekommen ... hab nun eine andere lösung gefunden:

	  NO = 1
	  NO.stdWrap.wrap = <span> | </span>
	  NO.wrapItemAndSub = <li>|</li>

nun klappts :-)