2

Bom dia! Estou enfrentando problemas com o posicionamento de um botão em CSS. Quando o formulário ainda não aplicou nenhuma validação, ele permanece na posição correta, porém quando as validações são aplicadas (é adicionada a classe has-error às divs e um label aparece embaixo do campo) ele se desloca para baixo, como na imagem abaixo.

errocss

Ao inspecionar os elementos, vejo que existe um padding no botão, e creio que removendo o padding-top iria resolver, porém não há sequer como editá-lo no navegador para visualizar.

inserir a descrição da imagem aqui

EDIT - Código abaixo Estou usando Bootstrap 3

 <div class="form-group pesquisa">
                    <div class="col-lg-12">
                        <asp:Label
                            ID="lblCliente"
                            AssociatedControlID="txtPesquisaCliente"
                            ClientIDMode="Static"
                            Text="Cliente"
                            CssClass="col-lg-2 control-label"
                            runat="server">
                        </asp:Label>
                    </div>
                    <div class="col-lg-9">
                        <div class="input-group">
                            <asp:TextBox
                                ID="txtPesquisaCliente"
                                ClientIDMode="Static"
                                CssClass="form-control required"
                                runat="server">
                            </asp:TextBox>
                            <div class="input-group-btn">
                                <button id="btnPesquisarCliente" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
                            </div>
                        </div>
                    </div>
   </div>
18

1 Resposta 1

1

Tenta adicionar esse script:

$(document).ready(function() {
    if($('#someElement').hasClass('has-error')) {
        $(this).find('span').css("padding-top","0px");
    } 
});

Substitui '#someElement' pelo elemento que recebeu a class "has-error".

4
  • Olá Ana Claudia! Obrigado pelo código, porém o botão não está com nenhum padding, como você pode ver na segunda foto. Na visualização do CSS no navegador, a propriedade padding está com -, o que não posssibilita colocar nenhum valor 22/07/2014 às 15:01
  • Verifica a linha abaixo, onde tem 'type="submit"' ou '<span class="glyphicon glyphicon-search">' 22/07/2014 às 15:13
  • já alterei o botão para asp:Button, onde não há a propriedade type, e não uso o span e o problema persiste. Creio que o problema seja outro, não? Obrigado! 22/07/2014 às 15:21
  • seguindo o "ajuste"(gambiarra) da @Ana Claudia, vai testando ai, marging-top negativo, ou só top alterando o position relative ou absolute. 20/08/2014 às 14:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .