none
Posicionar imagem à direita e ao topo numa barra de menu com bootstrap RRS feed

  • Pergunta

  • Com esse código, consigo manter à direita a imagem:

        <a class="navbar-brand navbar-right"><img src="~/Images/ache.jpg" /></a>

    Porem essa imagem fica dentro de uma barra de menu. Eu tenho uma imagem e redimencionei de forma a ter a mesma altura da barra(Heigth). Bem, quando isso acontece, a imagem de posiciona abaixo do top da barra, ou seja, ela fica com uma parte para fora da barra(pra baixo). Procurei alguma outra outra classe que pudesse ser usada jundo com o posicionamento à direita para fixar ela no topo da barra, mas não consegui. Usei essa navbar-fixed-top mas não funcionou. Alguém tem uma idéia em como usar? Uso bootstrap 3, mvc 5.
    sexta-feira, 22 de agosto de 2014 11:57

Todas as Respostas

  • Tente utilizar: 
    <a style="float:left" class="...">
        <img src="..."> </img>
    </a>

    Com isso sua imagem irá se alinhar a direita do link.
    sexta-feira, 22 de agosto de 2014 12:24
  • Nada, não funcionou. Veja a imagem como ficou.

    sexta-feira, 22 de agosto de 2014 13:31
  • Nada, não funcionou. Veja a imagem como ficou.

    Tente isso:

    <img style="margin-top: -10px; float: right"></img>
    Vá ajustando apenas os pixels.
    sexta-feira, 22 de agosto de 2014 14:55
  • Era na classe brand do bootstrap. Ajustei o padding dela e resolveu. Veja como ficou.

    .navbar-brand {
      float: left;
      padding: 0;//@navbar-padding-vertical @navbar-padding-horizontal;--> Aqui fiz o ajuste
      font-size: @font-size-large;
      line-height: @line-height-computed;
      height: @navbar-height;

    segunda-feira, 25 de agosto de 2014 10:57