Untermenü

[koko]

Hallo!
Evtl. stell ich mich gerade ein wenig doof an, aber ich find den Fehler einfach nicht:
Navigation mit Hauptmenüpunkten und aktiv mit darunter liegenden Submenüpunkten. Baumstruktur halt.
Habe folgendes nav_default_mod.tpl eingefügt, die Subnavigation dann mit Classe Sub ausgezeichnet, Stoplevel 0-1, Hard Limit.

<ul class="<?php echo $this->level; ?>">

<?php foreach ($this->items as $item): ?>

<?php $classSub = $item['subpages'] > 0 ? 'hasSub' : 'noSub'; ?>

<?php if ($item['isActive']): ?>
<li class="active <?php echo $classSub; ?><?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li>

<?php else: ?>

<li class="<?php echo $classSub; ?><?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
<?php endif; ?>

<?php endforeach; ?>
</ul>

Submenü wird aber immernoch unterhalb angezeigt. Wo liegt der fehler??

[Toflar]

Was willst du genau erreichen?

[koko]

also einfach nur:

1 Hauptmenupunkt (aktiv)
---1 Submenupunkt
---2 Submenupunkt
---3 Submenupunkt
2 Hauptmenupunkt
3 Hauptmenupunkt
______________________

Das sich das Untermenü so ausklappt...
Ich sehe gerade in meinem Quellcode, daß die Unterpunkte auch in einem
<ul class="level_1"> anstatt <ul class="level_2"> stehen.
Schätze das is der Fehler.
Jemand ne Ahnung? Muß ich im Sub Navigationsmodul was bestimmtes angeben?

[Toflar]

Ich begreife nicht, warum du ein eigenes Template machst?

Das Standardtemplate bringt doch alles was du brauchst und noch viel mehr mit??

[koko]

Um so besser. Aber verrätst du mir trotzdem, wie ich das hinkriege? Ich check irgendwie einfach gerade nicht...

[christian]

Du erstellst einfach ein Modul vom Typ "Navigation", mit dem ganz normalen Standardtemplate, und bindest es an der gewünschen Stelle im Seitenlayout ein.

Der Rest ist reines CSS.

Grüße,

Christian

[koko]

dank für eure beiträge. hat ein bischen gedauert bis ich das kappiert habe.

Jedenfall sieht jetzt so meine css aus:

.mod_navigation ul.level_1
{
	padding-left:30px;
	margin:0px;
	text-indent:-3000px;
}
.mod_navigation ul.level_2
{
	padding-left:22px;
	margin:0px;
	text-indent:0px;
	list-style-type:none;
}
.mod_navigation li
{
	text-align:left;
	display:block;
}.mod_navigation a,
.mod_navigation span,
.mod_navigation a:visited
{
	padding: 0px;
	height:29px;
	display:block;
}
.mod_navigation a:hover,
.mod_navigation span.active,
.mod_navigation a.trail
{
	padding: 0px;
	height:29px;
	display:block;
}

und den level_1 elementen habe ich extra classen gegeben (wegen hintergrundbilder). so hats funktioniert:

a.classennamen
{
	background-image: url(./tl_files/images/...;
	background-repeat:no-repeat;
}
.classennamen.active, 
a.classennamen:hover
{
	background-image: url(./tl_files/images/...;
	background-repeat:no-repeat;
	background-position: 0px -29px;
}