[GELÖST] Probleme mit Navigationstemplate und inline-Liste

faglork · 13. März 2014 11:26

Moin!

Wenn ich statt der gefloateten LI die Liste einfach horizontal anzeigen lasse per display:inline, dann gibt es folgendes Problem: Das Navigationstemplate gibt sehr viel Whitespace aus:

Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
<ul>
          <li class="menuactive"><a class="menuactive" href="http://cms.ddd.de/"><span>Startseite</span></a>

   </li>

  <li><a href="http://cms.ddd.de/aktuelles.html"><span>Aktuelles</span></a>

   </li>

  <li><a href="http://cms.ddd.de/kontakt.html"><span>Kontakt</span></a>

   </li>

  <li><a href="http://cms.ddd.de/testseite1.html"><span>Testseite1</span></a>

   </li>

Dies führt zu Problemen bei der Darstellung. Um die Liste korrekt darstellen zu können, darf da kein Whitespace zwischen den Listenelementen sein. Ideal wäre also

<li>Item one</li><li>Item two</li><li>Item three</li>

Mit anderen Worten: Ich muss im Nav-Template verhindern, dass bei der Ausgabe eine Zeilenschaltung erfolgt. Wie erreiche ich denn das?

EDITH: Grad überlegt: Wenn ich den Navigations-Code minifiziere, dann sollte das doch gelöst sein? Hat jemand ne Idee wie das geht? Einfach den Nav-Code in {strip} ... {/strip} einschließen funzt leider nicht.

Servus,
Alex

Beitrag geändert von faglork (13. März 2014 11:37)

nockenfell · 13. März 2014 12:34

Wo hast du die {strip} Tags hingemacht. Direkt im Menütemplate funktioniert dies problemlos.

faglork · 13. März 2014 18:16

An den Anfang / Ende des Menütemplates.

Servus,
Alex

nockenfell · 14. März 2014 06:22

Das müsste funktionieren:

Hier klicken, um den Code zum Kopieren zu markieren

{strip}
{assign var='number_of_levels' value=10000}
{if isset($menuparams.number_of_levels)}
  {assign var='number_of_levels' value=$menuparams.number_of_levels}
{/if}

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}

{if $node->parent == true or $node->current == true}
  {assign var='classes' value='active'}
  {if $node->parent == true}
    {assign var='classes' value='active parent'}
  {/if}
  {if $node->children_exist == true and $node->depth < $number_of_levels}
    {assign var='classes' value=$classes|cat:' parent'}
  {/if}
  <li class="{$classes}"><a class="{$classes}" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->children_exist == true and $node->depth < $number_of_levels and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li><a class="active" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}{/strip}

Das oben stehende Menütemplate ergibt bei mir folgenden Code

Hier klicken, um den Code zum Kopieren zu markieren

<ul><li class="active parent"><a class="active parent" href="http://www.domain.ch/"><span>Topinfo</span></a><ul><li><a href="http://www.domain.ch/topinfo/news/"><span>News</span></a></li><li><a href="http://www.domain.ch/topinfo/idee/"><span>Idee</span></a></li><li><a href="http://www.domain.ch/topinfo/wir-fuenf/"><span>Wir fünf</span></a></li><li><a href="http://www.domain.ch/topinfo/mitgliedschaft/"><span>Mitgliedschaft</span></a></li><li><a href="http://www.domain.ch/topinfo/links/"><span>Links</span></a></li></ul></li><li class="parent"><a class="parent" href="http://www.domain.ch/wanderung/vorschau/"><span>Wanderung</span></a></li><li><a href="http://www.domain.ch/galerie/"><span>Galerie</span></a></li><li><a href="http://www.domain.ch/smartparcours/"><span>Smartparcours</span></a></li></ul>

faglork · 14. März 2014 14:17

Yo, perfekt!

Aber so hatte ich es ja auch? Weiss der Geier warum es vorhin nicht geklappt hat.

Dank dir!

Servus,
Alex

Forum für CMS/made simple

#1 13. März 2014 11:26

[GELÖST] Probleme mit Navigationstemplate und inline-Liste

#2 13. März 2014 12:34

Re: [GELÖST] Probleme mit Navigationstemplate und inline-Liste

#3 13. März 2014 18:16

Re: [GELÖST] Probleme mit Navigationstemplate und inline-Liste

#4 14. März 2014 06:22

Re: [GELÖST] Probleme mit Navigationstemplate und inline-Liste

#5 14. März 2014 14:17

Re: [GELÖST] Probleme mit Navigationstemplate und inline-Liste

Fußzeile des Forums