Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 20. Mai 2011 11:26

titi123
Gast

[GELÖST] Menu Manager Variante

Hallo Freunde,
ich versuche ein Menu zu erstellen, doch leider klappt es nicht ganz wie gewollt.:) Vielleicht könnt ihr mir weiterhelfen.

Das Menu besteht aus drei Ebenen und ist wie folgt aufgebaut.


[== HTML ==]
<ul id="mainNav">
        <li><a href="#">Presenting</a>
            <div class="subnav">
                <div class="subnavTop">
                    <ul class="subnavContent">
                        <li>
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                                <dd><a href="#">audience mapping</a></dd>
                                <dd><a href="#">technology adoption</a></dd>
                                <dd><a href="#">behavior type</a></dd>
                                <dd><a href="#">corporate culture</a></dd>
                                <dd><a href="#">elevator pitch</a></dd>
                            </dl>
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                                <dd><a href="#">audience mapping</a></dd>
                                <dd><a href="#">technology adoption</a></dd>
                                <dd><a href="#">behavior type</a></dd>
                                <dd><a href="#">corporate culture</a></dd>
                                <dd><a href="#">elevator pitch</a></dd>
                            </dl>
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                                <dd><a href="#">audience mapping</a></dd>
                                <dd><a href="#">technology adoption</a></dd>
                                <dd><a href="#">behavior type</a></dd>
                                <dd><a href="#">corporate culture</a></dd>
                                <dd><a href="#">elevator pitch</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </li>
</ul>

Und mit folgendem Template bin ich auch weit gekommen. Ich schaffe es nur nicht in der 3ten Ebene den dl-tag mit </dl> zu schließen.

[== Smarty ==]
{if $count > 0}
<ul id="mainNav">
{foreach from=$nodelist item=node}
{if $node->depth == 2}
{repeat string='<div class="subnav"><div class="subnavTop"><ul class="subnavContent"><li>' times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string='</div></div></li>' times=$node->prevdepth-2}
{elseif $node->depth < $node->prevdepth}
{repeat string='</li>' times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}
{/if}

{if $node->depth == 1}
<li><a href="{$node->url}">{$node->menutext}</a>

{elseif $node->depth == 2}
<dl><dt><a href="{$node->url}">{$node->menutext}</a></dt>

{elseif $node->depth == 3}
<dd><a href="{$node->url}">{$node->menutext}</a></dd>
</dl>
{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$node->menutext}

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

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

Kann mir jemand weiterhelfen? Danke im voraus:)

Beitrag geändert von titi123 (20. Mai 2011 11:38)

#2 20. Mai 2011 14:58

mike-r
arbeitet mit CMS/ms
Registriert: 21. Dezember 2010
Beiträge: 898
Webseite

Re: [GELÖST] Menu Manager Variante

Was gibt das Template denn (falsch) aus?


Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

Offline

#3 21. Mai 2011 08:52

titi123
Gast

Re: [GELÖST] Menu Manager Variante

Folgende Ausgabe des Templates:

[== HTML ==]
<ul id="mainNav">
        <li><a href="#">Presenting</a>
            <div class="subnav">
                <div class="subnavTop">
                    <ul class="subnavContent">
                        <li>
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                                <dd><a href="#">audience mapping</a></dd>
                                <dd><a href="#">technology adoption</a></dd>
                                <dd><a href="#">behavior type</a></dd>
                                <dd><a href="#">corporate culture</a></dd>
                                <dd><a href="#">elevator pitch</a></dd>
                            
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                                <dd><a href="#">audience mapping</a></dd>
                                <dd><a href="#">technology adoption</a></dd>
                                <dd><a href="#">behavior type</a></dd>
                                <dd><a href="#">corporate culture</a></dd>
                                <dd><a href="#">elevator pitch</a></dd>
                            
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                                <dd><a href="#">audience mapping</a></dd>
                                <dd><a href="#">technology adoption</a></dd>
                                <dd><a href="#">behavior type</a></dd>
                                <dd><a href="#">corporate culture</a></dd>
                                <dd><a href="#">elevator pitch</a></dd>
                            
                        </li>
                    </ul>
                </div>
            </div>
        </li>
</ul>

der "</dl>" tag wird nicht ausgegeben. Ich weiß nicht wie ich es hinkriegen soll, dass der dl-tag geschlossenen wird.

Beitrag geändert von titi123 (21. Mai 2011 08:59)

#4 21. Mai 2011 10:06

kasimir
Gast

Re: [GELÖST] Menu Manager Variante

Kann es sein das du durch den Zeilenumbruch da ein unsichtbares Zeichen hast. Versuche es doch mal ohne Zeilenumbruch vor dem </dl>.

Außerdem funktioniert das so nicht, denn mit deinem Code würde nach jedem <dd> .... </dd> ein >/dl> folgen.

Kasimir

Beitrag geändert von kasimir (21. Mai 2011 12:46)

#5 21. Mai 2011 13:03

titi123
Gast

Re: [GELÖST] Menu Manager Variante

Was für ein Zeilenumbruch? Soweit ich weiß, verwende ich keinen Zeilenumbruch im Smarty-Template.
Ja zweiteres habe ich auch ausprobiert...aber wie du auch erkannt hast, würde sich das auf jedes einzelne Item in der dritten Ebene beziehen.

#6 21. Mai 2011 15:33

titi123
Gast

Re: [GELÖST] Menu Manager Variante

Mit folgendem Code schaffe ich den dl-tag zu schließen, aber nur wenn dieser ein Item hat.

[== Smarty ==]
{elseif $node->depth == 3}
<dd><a href="{$node->url}">{$node->menutext}</a></dd>
{repeat string='</dl>' times=$node->depth-$node->prevdepth}

Folgende Ausgabe:

[== HTML ==]
<ul id="mainNav">
        <li><a href="#">Presenting</a>
            <div class="subnav">
                <div class="subnavTop">
                    <ul class="subnavContent">
                        <li>
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                            </dl>
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                            </dl>                            
                            <dl>
                                <dt><a href="#">Planning</a></dt>
                                <dd><a href="#">client conversation roadmap</a></dd>
                            </dl>                            
                        </li>
                    </ul>
                </div>
            </div>
        </li>
</ul>

Beitrag geändert von titi123 (21. Mai 2011 15:35)