Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rafael R.P

[BOOTSTRAP] Alterar HEIGHT de um NAVBAR

Recommended Posts

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>

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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;
}
#menuver li {
    list-style: none;
    margin: 0;
    display: inline;
    border: none;
    margin: 0px;
    font: 16px Calibri;
	
      
}
#menuver li a {
    -moz-border-radius: 5px;   /*Firefox*/
    -webkit-border-radius: 5px;   /* Chrome e Safari */
    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;
}
#menuhor li a:visited {
    color:#FFB90F;
}
#menuver li a:hover {
    background:#FFB90F;    
    height:27px;
    border-radius: 0px 0px 15px 15px;
    color:#8B0000;/*COR LETRA FUNDO*/
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.