2

Estou usando um bootstrap full image mas a minha imagem além de não estar sendo alterada está ficando na metade da tela. Queria que o padding da tela de login ficasse restrito ao tamanho dele, mas tá tomando metade da tela. Segue o código css:

body {
    margin-top: 50px; 
}

.full {
    background: "img/bg.JPG";
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

Agora segue a parte do html em que eu insiro um pequeno campo de login:

<form method="post" name="frmIndex" id="frmIndex" action="autenticausuario.php"><br><br><br><br><br><br><br><br>
    <div id="login" style="width: 460px; background-color: #21374c; margin-left: 35%; height: 160px;">
                <div id ="img" style=" float: left;">
                    <img src="img/logocodap.png" style="width: 160px; height: 160px;"/>
                </div>
        <div id="acesso" style="float: left; width: 280px;">

            <div id="nnn" style="font-size: 30px; text-align: center; color: white; float: left; margin-left: 20px;  margin-bottom: 10px;">
                    <p><b>nnnnnnnnnnn</b></p>
                </div>
                <div id="aut" style=" float: left;">
                    <div id="labels" style="float: left; margin-left: 20px; color: white;">
                        <label>ID:</label><br><br>
                        <label>SENHA:</label>
                    </div>
                    <div id="labels" style="float: right;">
                        <label><input type="text" name="id" id="id" style="width: 130px;" /></label><br><br>
                        <label><input type="password" name="senha" id="senha"  style="width: 130px;" /></label>
                    </div>

                    <div id="labels" style="float: left;">
                        <br>
                        <p style=" margin-left: 125px;"><input type="submit" value="Entrar" id="botao_entrar" id="botao_entrar"/></p>
                    </div>


             </div>
        </div>       
     </div>
</form>
1
  • Sua pergunta não ficou muito clara, pq vc criou a class .FULL mas não usou em nenhum elemento... Onde mais precisamente vc pretende aplicar a imagem? Tem uma imagem de como gostaria que ficasse?
    – hugocsl
    Commented 15/02/2018 às 13:44

1 Resposta 1

0

Sua classe full não está aplicada a nenhuma tag HTML do código fornecido. Não entendi bem o que você quer fazer, seria colocar uma imagem de background que ocupe toda a janela de visualização?

Se for, remova a margem do body e crie uma div pai para o form, com a classe full, acrescentando:

width: 100vw;
height: 100vh;

Isso fará a div ocupar toda a altura e largura disponível no viewport.

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 .