Zum Inhalt springen

2 spaltiges TMENU mittels OptionSplit

Erstellt am 11. Juli 2009 · 1 Antwort · letzte Antwort am 15. Juli 2009

Tags: Frage

Hunted ·

Hallo zusammen,

mir stellt sich folgendes Problem:

Ich muss eine Vertikale Navigation bauen die immer nach dem 6 Menüpunkt umbricht und dann rechts daneben weiter geht. Dazu habe ich folgenden HTML Code erstellt und formatiert:

<ul id="navlist">
	<li><a href="#">Test1</a>
		<ul id="subnavlist">
			<div class="left">
			<li><a href="#">Test1.1</a></li>
			<li><a href="#">Test1.2</a></li>
			<li><a href="#">Test1.3</a></li>
			<li><a href="#">Test1.4</a></li>
			<li><a href="#">Test1.5</a></li>
			<li><a href="#">Test1.6</a></li>
			</div>
			<div class="right">
			<li><a href="#">Test1.7</a></li>
			<li><a href="#">Test1.8</a></li>
			<li><a href="#">Test1.9</a></li>
			<li><a href="#">Test1.10</a></li>
			<li><a href="#">Test1.11</a></li>
			</div>
			<div style="clear:both;"></div>
		</ul>
	</li>
	<li><a href="#">Test2</a></li>
	<li><a href="#">Test3</a></li>
	<li><a href="#">Test4</a></li>
	<li><a href="#">Test5</a></li>
</ul>

Hier mein dazugehöriges TS:

lib.FooterComplete = HMENU
lib.FooterComplete{
	special = directory
	special.value = 2

	#Erste Ebene
	1=TMENU 
  	1 {
  	    expAll = 1
            wrap = <ul>|</ul>
   	    NO {
      		wrapItemAndSub = <li>|</li>
		}
      	}
	
  	2 = TMENU
        2 {
                noBlur = 1
                wrap = <ul><div id="test">|</div></ul> |*| <ul><div id="test_mitte">|</div></ul> |*| <ul><div id="test">|</div></ul>
               
                NO {
			ATagTitle.field = title
			linkWrap = <li>|</li>
                  }

        }
}

Das Problem ist das ich nicht weiß wie ich generell einen DIV um mehrere <li> aus dem Submenu bekomme und dazu noch den DIV so wrappen kann das der ersten DIV um die ersten 6 <li> geht und der zweite dann um den Rest.

Hoffe ihr könnt mir da ein wenig auf die Sprünge helfen.

Gruß,

Hunted

Julian.​Hofmann ·

Hallo Hunted.

Würde die Sache erst mal noch anders angehen: Dein HTML-Code widerspricht in der gewünschten Form den Standards, da kein DIV innerhalb einer Liste sein darf und v.a. nicht zwischen UL und LI. Denke, durch einen validen Code könntest Du evtl. auch den passenden TS näher kommen.

Nicht ganz was Du suchst, aber ein möglicher Ansatz ist bei typo3wizard zu finden.

Viele Grüße
Julian