Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 22.06.2009, 21:18
nici nici ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.06.2009
Beiträge: 15
nici befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

also das ist mein Menü

{if $menu != null}
<ul id="navmenu">
{foreach name=main key=key item=value from=$menu}
<li>
{if is_array($value)}
<span>{$key}</span>
{if $value != null}
<ul class="menu_sub_list">
{foreach name=sub key=key_sub item=item_sub from=$value}
<li><a href="{$item_sub}">{$key_sub}</a></li>
{/foreach}
</ul>
{/if}
{else}
<a href="{$value}">{$key}</a>
{/if}
&nbsp;
</li>
{/foreach}

</ul>
{/if}


und das ist die css dazu:

.menu_sub_list{
/*display: none;*/
background:#EEE;
}

ul#navmenu {
margin-top: 15px;
border: 0 none;
padding: 0;
margin-right: 10px;
width: 100%; /*For KHTML*/
list-style: none;
height: 24px;
font-size: 13px;
}


#navmenu{
background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical& start=416eb1&end=8ba6d0' );
background-repeat: repeat-x;
margin-left: 0;
margin-top: 5px;
height:30px;

}
#menu_list a{
}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}

danke.

lg

nici
Mit Zitat antworten