Skip to main content
adicionou 103 caracteres ao conteúdo
Fonte Link

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:

Estou usando um bootstrap full image mas a minha imagem além de não estar sendo alterada está ficando na metade da tela. Segue o código css:

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:

Fonte Link

Edições usando Bootstrap

Estou usando um bootstrap full image mas a minha imagem além de não estar sendo alterada está ficando na 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>