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

Minha imagem não ampliou

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 Guilherme Berteli Mesquita
| 40.9k xp | 89 posts
Estudante

Index.html

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

    </head>

    <body>
        <img 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.</p>
        <p>Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p id = "p2"><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>

    </body>
</html>

style.css

body{
    background: #CCCCCC
}

#banner{
    width: 100%;
}

h1{
    text-align: center;
}

p {
    text-align: center
}

#p2{
    font-size: 18px; text-align: center;
}

em strong{
    color: purple;
}
7 respostas
solução!
por Rodrigo Jenner Athayde Salgado
| 165.6k xp | 29 posts
Desenvolvedor front-end pleno

Faltou identificar a tag do html como banner, no lugar de:

<img src = "banner.jpg">

utilize

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

Os nomes do atributo ID (no html) e do # (no css) devem ser o mesmo, é o identificador

por Guilherme Berteli Mesquita
| 40.9k xp | 89 posts
Estudante

Muito obrigado, não vi que faltava o "id"

por Sales Medeiros dos Santos
| 66.7k xp | 4 posts

meu codigo tambem faltava o id, coloquei e deu certo.

por Alanna Gonzaga
| 46.5k xp | 4 posts

boa noite tambem nao estou conseguindo aumentar a imagem, o que acham que esta dando errado

<!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>
    </body>
</html>
por Rodrigo Jenner Athayde Salgado
| 165.6k xp | 29 posts
Desenvolvedor front-end pleno

Alanna, compartilha também seu .css por favor. Aparentemente seu HTML esta correto

por Alanna Gonzaga
| 46.5k xp | 4 posts

segue CSS

body {

    background: #CCCCCC
}

#banner {
    width: 100%;
}

h1 {
    text-align: center
}

p {
    text-align: center;
}

#missao {
    font-size: 20px
}

em strong {
    color: #FF0000;
}
por Rodrigo Jenner Athayde Salgado
| 165.6k xp | 29 posts
Desenvolvedor front-end pleno

Muito estranho, vc tem algum post aberto aqui no forum? se nao, tenta abrir um, e la coloca o html e o css.