Jump to content
Lan1982

Página de login HTML + CSS - ajustes visuais

Recommended Posts

Prezados, estou fazendo um trabalho de conclusão de curso, com muitas dificuldades em linguagem de programação.

gostaria de pedir ajuda para ajustar uma página de login, cuja imagem não está ajustada devidamente.

 

Preciso que:

- a imagem ficasse no lado esquerdo, ajustada com exatidão;

- o box de login ficasse ao lado direito;

- o logotipo ficasse no rodapé, ao lado direito.


Segue a pasta com o html e os arquivos, no link do google drive.

https://drive.google.com/file/d/1nXCgqVqPVkGBpP6uxxxUJNBsGAUdDYAx/view?usp=sharing  (este é um novo link com a nova pasta corrigida)

 

 

Segue o link para visualizar o protótipo

https://drive.google.com/open?id=15uz5xBsSyTV2msJV-P27XT5tCQiLg9ZY

 

Desde já agradeço!

 

 

Share this post


Link to post
Share on other sites
21 horas atrás, Lan1982 disse:

Preciso que:

- a imagem ficasse no lado esquerdo, ajustada com exatidão;

- o box de login ficasse ao lado direito;

- o logotipo ficasse no rodapé, ao lado direito.

Tente desenhar como quer em um editor de imagens o resultado final e apresente-a aqui.

Fica mais fácil a pessoa ter com exatidão o que deseja.

Share this post


Link to post
Share on other sites

@Lan1982

Na pasta zipada que você disponibilizou existem duas imagens nomeadas como pai3.jpg e icon.png.

 

Na marcação do seu projeto você usa bootstrap e a página de login abre em uma janela modal.

Qual é a imagem que deve ser ajustada do lado direito? pai3.jpg ou icon.png?
Qual é a imagem do logotipo? pai3.jpg ou icon.png?

 

Por que você definiu a imagem de fundo de BODY como sendo pai3.jpg?
Qual é finalidade do arquivo Novo Documento de Texto.txt  que se encontra dentro da pasta imagem que está no arquivo zipado?

A marcação HTML termina com:

    <body>
      <html></html>
    </body>
  </body>
</html>

Isso está equivocado.

 

Share this post


Link to post
Share on other sites
4 horas atrás, Maujor disse:

@Lan1982

Na pasta zipada que você disponibilizou existem duas imagens nomeadas como pai3.jpg e icon.png.

 

Na marcação do seu projeto você usa bootstrap e a página de login abre em uma janela modal.

Qual é a imagem que deve ser ajustada do lado direito? pai3.jpg ou icon.png?
Qual é a imagem do logotipo? pai3.jpg ou icon.png?

 

Por que você definiu a imagem de fundo de BODY como sendo pai3.jpg?
Qual é finalidade do arquivo Novo Documento de Texto.txt  que se encontra dentro da pasta imagem que está no arquivo zipado?

A marcação HTML termina com:


    <body>
      <html></html>
    </body>
  </body>
</html>

Isso está equivocado.

 

Eu nem tô acreditando muito que foi o senhor que respondeu a minha mensagem.

outro dia assisti uma entrevista do senhor , falando sobre a sua caminhada no html e css.

Espero me inspirar na sua história e a não desistir. Muito obrigada pela ajuda, Maujour!

 

( Eu editei o tópico. De fato, estava faltando a imagem do logotipo . Inseri um link para visualizar o protótipo e ter um melhor entendimento sobre o efeito desejado. Com relação ao bloco de notas, foi um lixo que estava na pasta. Obrigada pelas observações)

Share this post


Link to post
Share on other sites
5 horas atrás, Omar~ disse:

Tente desenhar como quer em um editor de imagens o resultado final e apresente-a aqui.

Fica mais fácil a pessoa ter com exatidão o que deseja.

Omar, obrigada por responder.

Inseri o link do protótipo para entender melhor.

obrigada.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By renan mafra
      Olá pessoal,

      Eu tenho uma página .html e um DIV principal que chamei de conteiner eu tenho mais outras DIVS dentro dessa DIV principal,
      eu gostaria que na medida que as DIVs internas fossem preenchidas a div principal container se expandisse automaticamente
      na vertical.
      Eu quero fazer aquele esquema em que ao clicar em um dos 5 links  ele se abra (se expanda) o código base já tenho mas não sei
      como a div que engloba tudo "cresça" para baixo na medida que for sendo clicado e abrindo as outras DIVS, estou no desenvolvimento
      ainda mais quando boto height: auto; a div container se contrai em vez de acompanhar o resto, como faço isso no CSS ?
       
      Segue o esqueleto do código:
       
      <html> <head> <style> .container{ width: 850px; min-height: 513px; margin-left: 5%; margin-top: 5%; background-color: #DCDCDC; border-radius: 0.7em 0.7em; } .......... ........ ......... ........ </style> </head> <body> <div class="container"> <div class="filho"> <div class="topo"></div> </div> <div class="titulo"></div> <div class="caixa"> <div class="preco"></div> <div class="linha"></div> <div class="escondido"></div> <div class="balao_cinza"></div> </div> </div> </body> </html>  
    • By granderodeo
      Olá tenho a página index.php e tenho a página product.php, ao clicar no produto na página inicial, quero que redirecione para página product.php mostrando os dados do determinado produto que cliquei, iniciei o código mais não está dando certo, Obrigado.
       
      index.php
      <?php if (is_array($products)) { foreach ($products as $id => $row) { ?> <div class="col-sm-6 col-md-4 col-lg-3 mb-2"> <div class="card-deck"> <div class="card p-2 border-secondary mb-2"> <a href="product.php?id=<?= $row['product_id'] ?>"> <div class="hover-image"> <img class="card-img-top border-secondary" src="images/<?= $row['product_image'] ?>"/> <a href="#"><span class="texto"></span></a> </div> </a> <h3 class="text-center"><?= $row['product_name'] ?></h3> <div class="text-center text-black rounded p-1" style="font-size: 20px;">Valor&nbsp;$<?= $row['product_price'] ?></div> <button class="btn btn-success btn-block" type="button" value="Add to cart" onclick="cart.add(<?= $row['product_id'] ?>);">Adicionar ao carrinho</button> </div> </div> </div> <?php } } else { echo "No products found."; } ?>  
      product.php
      <?php $products = $_GET["product_id"]; if (is_array($products)) { foreach ($products as $id => $row) { }}; $row['product_name'] ?>  
    • By renan mafra
      Olá pessoal,

      Eu estou criando uma página .htm simples, e quero que nessa página o texto seja de uma fonte especifica, no meu caso
      GeneveNrw incorporada à página, eu peguei a fonte genevaNrw.ttf e coloquei na pasta font-geneva-nrw, acontece que
      não está rolando..., eu tento visualizar no desktop e aparece uma fonte padrão..., eu botei no IIS e aparece uma fonte padrão,
      eu fui no mime do IIS e tá habilitado formato .ttf, eu botei no Apache e também nada, pessoal me deem um help !
       
      segue o código:

       
      <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <style> @font-face { font-family: 'GenevaNrw'; src: url('font-geneva-nrw/GenevaNrw.ttf'); } .titulo{ font-family: GenevaNrw; font-weight: bold; font-size: 22px; text-decoration: underline; margin-top: 17px; margin-left: 35px; } ........ ........ </style> </head> <body> <div class="container"> <div class="topo"> <div class="topo_aba"><img src="imagens/borda-esquerda.gif" width="78" height="68" border="0"></div> <div class="topo_estrelas"><img src="imagens/estrelas-direito.gif" width="112" height="24" border="0" class="img-right"></div> </div> <div class="titulo">RECEITAS DE TORTAS</div> </div> </body> </html> Estou utilizando o Dreamweaver e no mostrar visualização do programa aparece.... só lá... do resto nada.
      abraço !!!
    • By Sidwick
      Boa noite pessoal, tudo bem? 

      Estou com um site simples que peguei na internet, ele basicamente é um site de share via WhatsApp, o usuario responde algumas perguntas e no final ele é redirecionado ao WhatsApp na área de contatos para você selecionar os contatos e enviar uma mensagem. 

      O meu grande problema é que não consigo mudar o texto que aparece depois que seleciono os contatos... Já olhei todos os arquivos e não encontro código nenhum que remeta a essa mensagem que aparece após selecionar os contatos... 

      Alguém poderia me dar uma ajuda? 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.