Neues Problem:
Der Menüpunkt, 1. und 2., wird leider nicht als aktive angezeigt.
Habe schon ein wenig mit .trail probiert, hat sich aber nichts geändert.
hier die CSS der Navigation:
PHP-Code:
/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
height:66px; background:url(images/navigation-bg.gif) 0 0 repeat-x;
}
div#navigation-bg div#navigation{
width:922px; margin:0 auto;
}
div#navigation-bg div#navigation ul.mainMenu{
padding:0; float:left; width:567px;
}
div#navigation-bg div#navigation ul.mainMenu li{
width:81px; float:left;
background:url(images/navigation-divider.gif) 100% 0 no-repeat;
}
div#navigation-bg div#navigation ul.mainMenu li a{
width:80px; height:33px; display:block;
line-height:33px; text-align:center;
font-weight:bold; color:#FAF0C2; font-size:11px;
background-color:inherit;
}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu {
width:80px; height:33px; display:block;
line-height:33px; text-align:center;
font-weight:bold; color:#FAF0C2; font-size:11px;
background:url(vorlagen/fss-01/images/navigation-bg-selected.gif) 0 0 no-repeat;
background-color:inherit;
}
/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
font:normal 11px/12px Arial, Helvetica, sans-serif;
padding:4px 0 0 0;
}
ul.subNav li{
background:url(images/navigation-dropdown-divider.gif) 0 0 no-repeat;
height:17px; float:left; padding:6px 0 0 0;
}
ul.subNav li a{
display:block; margin:0 22px 0 20px;
color:#84915D;
background-color:inherit;
}
ul.subNav li a:hover{
color:#fff;
background-color:inherit;
}
/*-------------------------- DROP DOWN MENU ENDS --------------------------*/
und hier das Nav-Template:
PHP-Code:
<ul class="mainMenu">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="current"><a href="<?php echo $item['href']; ?>"><b><?php echo $item['title']; ?></b></a></li>
<?php else: ?>
<li><a href="<?php echo $item['href']; ?>"><b><?php echo $item['title']; ?></b></a></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
Lesezeichen