Hallo zusammen,
ich muss für eine webseite eine Navigation bauen, welche bei ein Bild unterhalb des Textes darstellen soll.
Das Bild soll dann bei aktivem Link stehenbleiben => siehe Bild.
navi.png
ich habe bereits versucht, das ganze mit Background zu lösen, geht aber nicht, da entweder
das Hintergrundbild nur in höhe des Textes angezeigt wird, oder
die Hintergrundleiste dann über die gesamte Höhe der Navigation (Texthöhe + Bildhöhe) dargestellt wird.
Habe schon überlegt, das ganze mit Submenü zu lösen, würde aber gerne darauf verzichten, Unterseiten anzulegen.
zu sehen ist das ganze auf reinwald.arillus.at
verwendetes Navi-template:
PHP-Code:
<ul class="<?php echo $this->level; ?>" role="<?php echo ($this->level == 'level_1') ? 'menubar' : 'menu'; ?>">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="<?php echo $item['class']; ?> <?php echo $item['pageAlias'] ?: $item['alias']; ?>"><span class="<?php echo $item['class']; ?>" role="menuitem"<?php if (!empty($item['subitems'])): ?> aria-haspopup="true"<?php endif; ?>><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li>
<?php else: ?>
<li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?> <?php echo $item['pageAlias'] ?: $item['alias']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $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']; ?> role="menuitem"<?php if (!empty($item['subitems'])): ?> aria-haspopup="true"<?php endif; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
<?php endif; ?>
<?php endforeach; ?>
<li id="line"> </li>
</ul>
ich steh voll auf der Leitung, womöglich gibt es einen ganz einfachen Weg
Danke schon mal für eure Hilfe
lg
Andy
Lesezeichen