Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

AJUSTAR A FOTO COM WIDTH 100%

Bom dia, percebi que essa dúvida é recorrente no fórum e não apresenta uma solução específica.

Na forma como o professor apresenta no vídeo não funciona. Sempre há a possibilidade de o aluno ter digitado o código errado mas como trata-se de um erro recorrente seria interessante verificar se a orientação o vídeo está completa.

Eu só consegui resolver olhando as respostas de outros alunos que não foi mencionada pelo instrutor no vídeo.

A orientação no vídeo esta completa?

<!DOCTYPE html>
<html lang="pt-br">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Barbearia Alura</title>
    <link rel="stylesheet" href="style.css"

</head>

<body>

    <img src="banner.jpg">

    <h1> A Barbearia Alura</h1> 

    <p >Localizada no coração da cidade a <strong>Barbearia Alura</strong>   traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p id="missão" > <em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

    <p> Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>

    <h2>Benefícios</h2>



</body>

body{ background: #CCCCCC; }

#banner { width: 100%; }

h1{ text-align: center; }

p{ text-align: center; }

#missão { font-size: 20px }

em strong{ color: red; }

4 respostas

Oi, Wilson, tudo bem?

Você não chamou o id: <img src="banner.jpg"> Para funcionar o estilo dado ao ID banner com width de 100%, precisa declarar o id, assim:

<img id="banner" src="banner.jpg">

Espero ter te ajudado!

Boa tarde Laís, então acho que o vídeo do professor está incompleto. Vou olhar novamente mas pelo que eu vi não há referências sobre o id banner. Ele apenas digita <img src=banner.jpg. ele faz alteração no Developer Tool . A pergunta refere se ao vídeo do professor. Esse erro da falta do ID eu já havia descoberta lendo as outras dúvidas, contudo, o conteúdo do vídeo não tem essa explicação.

solução!

Oi, Wilson.

Então, nesse vídeo em 1:04min https://cursos.alura.com.br/course/html5-css3-primeiros-passos/task/53613 o professor adiciona o id #banner no arquivo css e em 0:52min o professor adiciona o id="banner" no html: https://cursos.alura.com.br/course/html5-css3-primeiros-passos/task/53613. Sobre as propriedades de estilização, o professor estiliza através do developer tool para mostrar aos alunos que ele pode ser usado para testes, debbugs, etc, assim como eles está fazendo, em 5:19 desse vídeo: https://cursos.alura.com.br/course/html5-css3-primeiros-passos/task/53613. Nessa aula, o professor mostra que o#banner{width: 100%} consegue preencher a largura inteira da tela, o teste com a largura do banner no developer tool pode ser replicado no seu código CSS.

Espero ter te ajudado :}

Boa tarde a todos, ainda não estou conseguindo mudar o tamanho da imagem, mesmo com todos esses dados adicionados. Já refiz todos os processos está tudo igualzinho a aula mas mesmo assim não há mudança. Se alguém puder me ajudar