Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

sobre input!

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Começando um formulário e atividade Campos básicos

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

boa noite, a label e o input não está selecionando, eu clico e não acontece nada!

html:

</head>
<body>

    <header>
        <div class="informacao">
        Geovane Santana<br>
        <div id="desenvolvedor"> desenvolvedor </div>
        </div>
        <h1>olá<img src="Geovane (1).png"></h1>

    </header>

    <main>
        <section class="description">
        <h2 class="title-about">about</h2>
        <p class="content-about">Meu nome é Geovane, tenho 24 anos e moro na Saúde - SP.<br>Sou Desenvolvedor Web formado pela escola Alura <br> e busco estágiio na área de desenvolvimento web.<br>Possuo conhecimento em <strong>HTML</strong>, <strong>CSS</strong>, <strong>PHP</strong> e<strong>JavaScript</strong>.</p>
          </section>

          <form>
              <h3>contato</h3>

              <div class="r">
                <label for="nome">nome</label>
                  <input type="text" id="nome">
              </div>
          </form>


    </main>

    <footer>

    </footer>

</body>
8 respostas
por Geovane Ferreira Santana
| 204.9k xp | 669 posts
insira seu código aqui

css:

body { background-image: url("fundo.jpeg"); background-repeat: no-repeat; background-size: cover;

}

.informacao {

margin: 40px 100px;

}

#desenvolvedor { margin: 0 20px;

}

h1 { padding: 40px 200px 80px; font-size: 70px;

}

img { position: absolute; top: 0px; left: 200px; margin: 100px 0px 0px; width: 1000px; background-size: 100px;

}

main { width: 90%; margin: 600px 50px; }

.description { font-family: Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgba(0, 0, 0, 0.9) }

.description .title-about::after { content: ""; display: block; width: 1.2em; height: 0.1em; margin: 10px auto; background-color: #cd2c51; }

.title-about { font-size: 1.7em; color: rgba(0, 0, 0, 0.8) }

.content-about { text-align: center; line-height: 2em; } h3 { text-align: center; margin: 50px; font-size: 20px; } input { border: none; border-botton: solid green; }

.r { text-align: center; }

por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Geovane, tudo bem?

Você criou um input do tipo text, certo? Ele recebe um texto, e ele recebe esse texto dentro do seu input, não há nada de errado com ele. Segue o print do teste: https://imgur.com/a/84XlfF2

O que você deseja com esse input?

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

não Laís, você tem que colocar com o css, o erro acho que está no css, mais não consegui resolver!

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

https://drive.google.com/file/d/1m5lzchHQUa2Lr--Sf1_g8neMMEM1hMLY/view?usp=sharing

por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Geovane, tudo bem?

Solicitei acesso ao link do google drive que você compartilhou aqui, mas pra isso você precisa aceitar minha solicitação. Aguardo :}

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

aceitei lá, vê se deu certo?

por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Geovane, tudo bem?

O problema estava na imagem Geoavane(1).png, ela estava muito grande e isso estava fazendo com que sobreposse ao input. Eu cortei a sua imagem, tirei a sobra que estava muito grande e não ocorre mais esse problema. Veja o print do meu teste: https://imgur.com/a/1wuLgAb

Corte e reposicione a imagem da forma que deseja. A forma que fiz, complementei o seu código.

img {
  position: absolute;
  top: 0px;
  left: 400px;
  margin: 100px  0px 0px;
  width: 200px;
  background-size: 100px;
}
solução!
por Geovane Ferreira Santana
| 204.9k xp | 669 posts

consegui de um outro jeito mais obrigado!