ich hab voll den hänger und keine idee grad^^ ...
ich möchte sowas wie hier in der navigation realisieren dass da so strichte zwischen den li's sind ... aber nicht am letzten ^^
meine navi sieht so aus:
<div class="navigation">
{_list_menunr1@
%2
}
</div><!--close Navigation-->
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
{_list_hmenupoint@<li><a class="%3" target="%1" href="%2">%3</a>|</li>|<ul>|</ul></li>}
.navigation{
font-family: 'Roboto', sans-serif;
font-size: 14px;
letter-spacing: 1px;
padding-top: 17px;
float: right;
border:none;
height: 39px;
border:0px;
background-position: 0 0;
}
.navigation ul{
height:32px;
list-style:none;
margin:0;
padding-left: 0px;
}
.navigation li{
float:left;
}
.navigation li a{
color: #d3d3d5;
display:block;
height:29px;
margin:0px;
text-align:center;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:0px;
}
.navigation li a img{
padding-top: 0px;
}
.navigation li a:hover, .navigation ul li:hover a{
color: #004b94;
}
.aktiv{
background-color: #6b6b6b;
}
/*---------------------------------
erste dropdown ebene
---------------------------------*/
.navigation li ul{
display:none;
padding:0px;
margin:0px;
border:0px;
position:absolute;
z-index:200;
line-height: 29px;
}
.navigation li:hover ul{
display:block;
line-height: 29px;
}
.navigation li li {
background: #2a2a2a;
display:block;
float:none;
margin:0px;
text-decoration: none;
text-align: left;
}
.navigation li:hover li a{
border-bottom: 3px solid #000;
background: #2a2a2a;
line-height: 29px;
text-decoration:none;
}
.navigation li ul a{
display:block;
font-size:12px;
letter-spacing: 0.05em;
font-style:normal;
margin:0px;
text-align: left;
text-decoration:none;
}
.navigation li ul a:hover, .navigation li ul li:hover a{
border-bottom: 3px solid #1693c0;
background-color: #4f4f4f;
color:#ffffff;
}
habt ihr ne idee wie ich das machen könnte?
