Ae pessoal , estou com um problema com um menu horizontal simples. gostaria de aumentar o height dos li do menu, para que o fundo pintado seja maior porém tentei aplicar a prorpeidade height em varias das classes css do menu e nao obtive sucesso.
Abaixo vai o código do menu:
<div id="divMenu" runat="server" class="menu_div">
<ul class="menu">
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Empresa</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Parceiros</a></li>
<li><a href="#">Contato</a></li>
</ul>
</div>
Meu CSS:
.menu
{
margin-top: 34px;
float: right;
font: normal 13px Arial;
}
.menu li
{
display: inline; <------ Aqui eu gostaria de setar um tamanho pro LI para que o
margin-right: 6px; fundo de cada item do menu seja maior que o por default.
}
por exemplo:
.menu li a --------------
{
| |
color: white; |
|
text-decoration: none; | HOME |
padding: 9px 25px; | |
}
| |
.menu li a:visited |_________|
{
color: white;
}
.menu li a:hover
{
color: white;
font-weight: bold;
background-color: #166ab0;
}
.menu li .current
{
font-weight: bold;
background-color: #166ab0;
}
Alguem tem alguma idéia?
Muito obrigado.
