Zum Inhalt springen

wie integriert man ein <p>-Tag mit subnavi in ein <li></li> ?

Erstellt am 7. Oktober 2010 · 7 Antworten · letzte Antwort am 10. Oktober 2010

Tags: Frage

typoler ·

tach zusammen,

muss hier mal nachfragen, weil es gerade bei mir hakt. dachte eigentlich, ich wäre zumindest einigermaßen fit in typo3 und typoscript, aber will partout nicht...

Also ich habe folgendes:

hauptnavigation = HMENU
        hauptnavigation {
            special = directory
            special.value = 3
            wrap = <ul id="special">|</ul>
            
            1 = TMENU
            1.NO = 1
            1.NO {
                    ATagTitle.field = title
                    allStdWrap.insertData = 1
                    linkWrap = <li id="autos">|</li> || <li id="schiffe">|</li> || <li id="ueberUns">|</li>
                    
                    align = center
                }
            
            1.ACT = 1
            1.ACT.linkWrap=<li class="active">|</li>

das erstellt so etwas:

<ul id="special">
<li id="autos">
 <a href="blubb.html">|</a>
</li>
<li id="schiffe">
 <a href="blubb.html">|</a>
</li>
<li id="ueberUns">
 <a href="blubb.html">|</a>
</li>
</ul>

soweit auch erstmal super. nun möchte ich aber unter jedes (!) <a> in den einzelnen <li>'s noch <p class="subn">|</p> mit dem inhalt der zweiten navigationselemente haben. es sollen also jeweils mehrere <p>'s unter den ankern stehen, in denen die subnavi-punkte drin stehen.

also etwa sowas:

<ul id="special">
<li id="autos">
 <a href="blubb.html">|</a>
 <p class="subn">|</p>
 <p class="subn">|</p>
 <p class="subn">|</p>
</li>
<li id="schiffe">
 <a href="blubb.html">|</a>
 <p class="subn">|</p>
 <p class="subn">|</p>
</li>
<li id="ueberUns">
 <a href="blubb.html">|</a>
 <p class="subn">|</p>
 <p class="subn">|</p>
 <p class="subn">|</p>
 <p class="subn">|</p>
</li>
</ul>

Und ich kriegs partout nicht hin... Kann mir da jemand zeitnah helfen? Vielen, vielen Dank im Voraus!

igorshmigor ·

Wo ist das Problem? Mach aus deinem linkWrap ein wrapItemAndSub. Und in der zweiten Menüebene machst du halt ein wrap mit <p class="subn">

typoler ·

meinst du das so:

hauptnavigation = HMENU
        hauptnavigation {
            special = directory
            special.value = 3
            wrap = <ul id="special">|</ul>
            
            1 = TMENU
            1.NO = 1
            1.NO {
                    ATagTitle.field = title
                    allStdWrap.insertData = 1
                    wrapItemAndSub = <li id="autos">|</li> || <li id="schiffe">|</li> || <li id="ueberUns">|</li>
              
                    align = center
                }
            
                
            1.ACT = 1
            1.ACT.linkWrap=<li class="active">|</li>
          
            2 < .1
            2 {
               wrap = <p class "subn">|</p>
            }
                     
            }

Wenn ja, dann muss ich sagen, es geht leider nicht. das <p> wird zwar ins ul aber nicht ins li gewrappt.

igorshmigor ·

Auch bei ACT solltest du wrapItemAndSub verwenden. Beim zweiten TMENU solltest du nicht 2.wrap, sondern 2.NO.linkWrap verwenden.
Und da 2 eine Kopie von 1 ist, du aber im Untermenü eigentlich keine weiteren li's und ul's wolltest, solltest du noch einfügen:

2.wrap>
2.NO.wrapItemAndSub>
typoler ·

Also entweder bin ich heute echt zu doof oder ich weiß auch nicht. also jetzt kommt alles ziemlich durcheiander. könntest du ggf. mal den code so im kompletten abbilden, wie Du es meinst? Irgendwie scheint ich echt zu blöde zu sein dafür... :-)

typoler ·

also ohne das 2.wrap> etc, was du noch nachgeschoben hast (und was leider alles total durcheinander wirft) siehts strukturell jetzt so aus:

<ul id="special">
 <a href="blubb1.html">autos</a>
 <a href="blubb2.html">schiffe</a>
 <li class="active">
    <a href="blubb3.html">ueberUns</a>
     <p class="" subn="">[hier stehen korrekterweise alle subnavipunkte nacheinander mit anker gekennzeichnet drin]</p>
</li>
</ul>

das heißt, das <li id="autos"> und <li id="schiffe"> um die beiden obersten anker fehlt. ansonsten wäre es super.

typoler ·

Hallo igorshmigor, danke nochmal für die Hilfe-Versuche, an Rechtschreibfehlern liegts wohl auch nicht und ich habs bisher einfach noch nicht hinbekommen. Vielleicht baue ich es alles auch in der falschen Reihenfolge zusammen. Vielleicht hast Du ja noch Zeit und Lust, mir mal meinen TypoScript-Code um Deine Tipps ergänzt zu posten. Anders bin ich wohl zu dumm, zumindest bau ich Deine Tipps offenbar falsch ein, denn es funzt so nicht.

habs jetzt mal hard gecodet und da hats diese struktur (statt p's divs benutzt):

<ul id="special">
            <li id="autos">
                <a title="F&uuml;r Autos" href="index.php?id=500">F&uuml;r Autos</a>
                <div class="subn">
                        <a title="Blabla1" href="index.php?id=501">Blabla1</a>
                        <a title="Blabla2" href="index.php?id=502">Blabla2</a>
                </div>
            </li>
            <li id="schiffe">
                <a title="F&uuml;r Schiffe" href="index.php?id=500">F&uuml;r Schiffe</a>
                <div class="subn">
                        <a title="Blabla3" href="index.php?id=503">Blabla3</a>
                        <a title="Blabla4" href="index.php?id=504">Blabla4</a>
                        <a title="Blabla5" href="index.php?id=505">Blabla5</a>
                </div>
            </li>
            <li id="ueberUns">
                <a title="&Uuml;ber Uns" href="index.php?id=500">&Uuml;ber uns</a>
                <div class="subn">
                        <a title="Blabla6" href="index.php?id=506">Blabla6</a>
                        <a title="Blabla7" href="index.php?id=507">Blabla7</a>
                        <a title="Blabla8" href="index.php?id=508">Blabla8</a>
                </div>
            </li>
</ul>