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

Tamanho da imagem não muda e código não aceita atualizações

Referente ao curso HTML5 e CSS3 parte 1: crie uma página da Web, no capítulo Estilizando imagens e atividade CSS para imagens

por Mariana Nogueira
| 53.5k xp | 3 posts
index.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title> Barbearia Alura </title>
        <link rel="stylesheet" href="style.css">


    </head>

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

        <h1 >Sobre 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="missao"><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>


        Atendimento aos Clientes
        Espaço Diferenciado
        Localização
        Profissionais Qualificados


    </body>

</html>

style.css

body{
    background: #CCCCCC;
}

#banner{
    width: 100%;
}

h1{
    text-align: center;
}

p{
    text-align: center;
}

#missao{
    font-size: 20px;
}

em strong{
    color: red;
}

Após tentar mudar a largura da imagem adicionando o width, a imagem não teve alterações e a parte do final, os benefícios, não aparecem de forma alguma. Revisei o código e não achei nenhum erro, procurando pelo console também não encontrei nada.

3 respostas
por Wilson Ramos
| 66.6k xp | 36 posts

Mariana, vi que em seu codigo estava faltando apenas colocar no lugar certo as tags de estilo

<style>...</style>

Tente comprar seu codigo com esse e ver as diferenças....

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

<head>
   <meta charset="UTF-8">
   <title> Barbearia Alura </title>
   <link rel="stylesheet" href="style.css">

   <style>
      body {
         background: #CCCCCC;
      }

      #banner {
         width: 50%;
      }

      h1 {
         text-align: center;
      }

      p {
         text-align: center;
      }

      #missao {
         font-size: 20px;
      }

      strong {
         color: red;
      }

   </style>

</head>

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

   <h1>Sobre 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="missao"><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>


   Atendimento aos Clientes
   Espaço Diferenciado
   Localização
   Profissionais Qualificados


</body>

</html>

Bons estudos

por Mariana Nogueira
| 53.5k xp | 3 posts

Mesmo fazendo essa mudança não houve alteração no resultado.

solução!
por Mariana Nogueira
| 53.5k xp | 3 posts

Resolvi copiar do código do professor a parte 

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

e colar no meu código e acabou dando certo e não dando mais nenhum problema.