Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, eu preciso aumentar o height de um nav bar, porém os links e hovers continuam com o mesmo height do original. Segue o html.
<div class="navbar"> <div class="header-cont container"> <img class="media pull-right" src="<?php echo base_url().?>assets/img/logo-pagamator.png" alt="Pagamator"/> <ul class="nav navbar-nav"> <li class="active"><a href="#">Início</a></li> <li><a href="#about">Meus Clientes</a></li> <li><a href="#contact">Meus Serviços</a></li> <li><a href="#contact">Relatórios</a></li> </ul> </div> </div>Poisé ainda não achei uma solução, a melhor pelo que pesquisei é utilizar LESS, porém no meu projeto não uso less e preciso de outra solução..
Ola bom dia, tinha que ter postado seu CSS, mais vamos lá, sempre quando quiser uma acao ao passar o mouse tem que usar o hover, voce pode estar aprimorando esse css abaixo troque os menu pela classe que coloquei aqui em cima e faça o teste
o que esta em vermelho é o que voce precisa;
.header-cont container {
margin-left:0px;
width:90%;
height:30px;
margin-top:7px;
position:absolute;
}
.navbar {
width:960px;
height:48px;
margin-top:-6px;
position:relative;
background-color: rgb(51, 51, 51);
border-radius: 0px 0px 15px 15px;
}
#menuver {
border: none;
margin: 0px;
font: 14px Calibri;
font-weight: bold;
padding-left: inherit;
background:#FFB90F;
} list-style: none;
margin: 0;
display: inline;
border: none;
margin: 0px;
font: 16px Calibri;
} border-radius:0px;
padding: 10px 37.2px;/*LARGURA E TAMANHANO MENU*/
padding: 10px 37px\9;
padding: 10px 37px\0;
float:left;
margin:0;
border:0px;
text-decoration: none;
color:#FFB90F;
}/COR LETRA MENU PRINCIPAL/
#menuver li a:link {
color:#FFB90F;
} color:#FFB90F;
} background:#FFB90F;
height:27px;
border-radius: 0px 0px 15px 15px;
color:#8B0000;/*COR LETRA FUNDO*/
}Então essa id "menuver" e "menuhor", não entendi qual div ela representa, se puder explicar ficarei muito grata, pois seus comentários têm me ajudado muito.
<div class="navbar">
<div class="menuver">
<li>
<a href="">INICIO</a>
</li>
</div>
</div>
Se eu não me engano você tem que alterar o padding