ilch.de :: Forum :: Allgemein :: HTML, PHP, SQL,...

Hi Leute,

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?

Geschlossen

	Zurück zu HTML, PHP, SQL,...

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Navigations Abtrennung