4
respostas

imagem quebrada

Gente, estou com problema com a imagem, ela parece estar quebrada, e não carrega, fica somente o icone de imagem cortada. ela está na mesma pasta do meu index.html, e não sei mais o que fazer, segue o print de como está.

https://uploaddeimagens.com.br/imagens/DE9SI7U (como fica a imagem no navegador)

https://uploaddeimagens.com.br/imagens/M_SfPuM (a imagem chamada tesoura foi outro teste, mas não funcionou anyway)

https://uploaddeimagens.com.br/imagens/GQK8hJA (imagem proposta pelo prof no módulo)

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

<head>
    <meta charset="UTF-8">
    <title> Barbearia Alura </title>
    <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. 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>
4 respostas

Tem como você compartilhar o seu arquivo style.css?

Eu testei aqui só com um index.html e a imagem e funcionou.

Olha o resultado:

https://prnt.sc/unsstt

Oi, desculpa a demora, segue meu style.css

body{
    background: #cccccc;
}

h1{
    text-align: center;
}
p {
    text-align: center;

}

#missao{
    font-size: 20px;
}

em strong{
    color: crimson;
}

Consegui arrumar, aparentemente o visual studio code não salvou meu CSS no pc, não sei como, mas isso estava impedindo de rodar fluido.

Tudo bem então, bons estudos :)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software