Aloha Leute,
ich weiß absolut nicht mehr weiter.
Ich betreue, bzw. erstelle eine Typo3-Seite für einen Kunden und als Gestaltungsvorlage habe ich das Bootstrap mit abgeändertem Modern-Business Theme bekommen.
Jetzt verzweifel ich aber daran, das Layout der Navigation im Typoscript genau so zu übernehmen. An der CSS liegt es definitiv nicht, denn die ist unverändert zur funktionierenden Nicht-Typo-Version.
Bilder sind angehangen. Eins wie es nun aussieht, eins wie es aussehen soll.
Die HTML-Struktur meiner Navi:
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> </button> <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) --> </div> <!-- Collect the nav links, forms, and other content for toggling --> ###NAVIGATION### </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav>
Die original Navi-Struktur:
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> </button> <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) --> </div> <!-- Collect the nav links, forms, and other content for toggling --> </li> </li> </li> </li> </li> </li> </li> </ul> </li> </li> </li> </li> </li> </li> </li> </li> </ul> </li> </li> </li> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav>
Mein Navigationsrelevantes Typoscript:
lib.navitop { special = directory special.value = 1 # excludeUidList = 5,18,21,20 1 { noBlur = 1 expAll = 1 # NO.before.dataWrap = <li id="pageUid_{field:uid}"><img class="menuicon" src="fileadmin/template/img/bicon.png"> | # NO.allWrap = | |*|• | |*|• | } #ATagParams = |*||*|||class="last_line" #allWrap = <li>|</li> 2 { expAll = 1 #NO.before.dataWrap = <li id="pageUid_{field:uid}"> | } }
Wie gesagt, die CSS ist bei beiden Versionen definitiv zu 100% dieselbe Datei mit gleichem Inhalt.
Es muss sich also ein Fehler in einem der Bereiche eingeschlichen haben, die ich oben geposted habe.
Verwendetes Framework ist das von "startbootstrap.com" mit dem "Modern Business"-Theme.
Seit über 2 Stunden hänge ich nun schon über diesem Problem und bekomme es einfach nicht gelöst.
Ich würde mich freuen, wenn mir hier jemand hilfreich zur Seite stehen kann und einen Lösungsvorschlag hat :)
Mit freundlichen Grüßen,
jet_black