Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia Pessoal, fiz um menu hoje pela manhã e como fiz o CSS não consigo remover a borda da ultima <LI>, vejam o exemplo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.fernandotholl.net/imagens/menu.jpg&key=a05f9c71952b04c604aeda3ad51d153d5831750852773b106e67d6ad5968def2" alt="menu.jpg" />
Eu preciso remover apenas a ultima borda, segue abaixo meu código HTML e CSS
HTML
<ul id="user-menu">
<li><a href="interna.html" title="Perfil" class="perfil">Perfil</a></li>
<li><a href="interna.html" title="Mensagens" class="mensagens">Mensagens</a></li>
<li><a href="interna.html" title="Tarefas" class="tarefas">Tarefas</a></li>
<li><a href="interna.html" title="Configurações" class="configs">Configurações</a></li>
<li><a href="interna.html" title="Sair" class="logout">Sair</a></li>
</ul>
CSS
<style>
#user-top #user-menu{
float:right;
margin: 6px 0 0 0;
padding: 0 0 0 0;
list-style: none;
}
#user-top #user-menu li{
display: inline;
padding: 0 10px 0 10px;
margin: 0 0 0 0;
background: url('../imagens/user-top-separator.png') no-repeat;
background-position: right;
float:left;
}
#user-menu li a{
text-decoration: none;
color: #fff;
}
</style>
Se alguem conseguir me ajudar, seria de muita valia.
Até + pessoal
Na verdade pessoal, se observarem bem, eu não utilizo uma borda, e sim um background com o separador, justamento pelo fato de precisar colocar a barra menor que a própria <li>
No caso eu preciso encontrar uma forma de remover o background da ultima <li>, eu não posso fazer pela class "logout" pois dentro dela eu tenho o background com a imagem do logout, como na imagem que postei.
Se alguem conseguir me ajudar fico muito grato.
Carregando comentários...