Entrar Ainda não tem acesso?
6
respostas

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

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 Rafaela Ferreira Ribeiro
| 34k xp | 6 posts

Oi! Por algum motivo meu CSS externo não está reconhecendo o index

-------------------------HTML:

</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>

---------------------CSS:

body { background-color: #CCCCCC }

#banner { width: 100%; }

h1 { text-align: center }

p { text-align: center; }

#missao { font-size: 20px } em strong { color: #FF0000; }

------------------------help!!!!!!!!!!

6 respostas
por Estudante
| 274.4k xp | 229 posts

Oi Rafaela,

Você poderia postar o código fonte do seu index.html inteiro para analisarmos?

por Rafaela Ferreira Ribeiro
| 34k xp | 6 posts
<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>
por Francisco Lanner
| 48.1k xp | 5 posts
Supervisor

Oi Rafaela,

Copiei teu código e testei com meu CSS e funcionou. Dá uma conferida se tu salvou o nome e o local corretamente. É a única ideia que me veio na cabeça. :)

por Estudante
| 274.4k xp | 229 posts

Como o Franscisco disse, o código está funcionando, só faltou a declaração do Doctype e colocar tudo dentro da tag <html></html>.

Ficaria assim:

<!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 Alessandra Sandeski Marmiroli
| 22.7k xp | 3 posts

Olá acredito que esta parte do curso esta deixando muita gente com dúvida, seria bom vocês adicionarem uma breve orientação que fique mais clara. Só uma dica. Porque eu li muitos comentários parecidos parece uma dúvida geral da galera. 

<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 { background: #CCCCCC }

#banner{ width: 100% } h1 { text-align: center }

p { text-align: center; font-size: 20px }

#missao{ font-size: 20px }

em strong { color: red; }

(Mesmo seguindo todas as orientações e salvando dentro da pasta específica para o projeto e salvando quando esta no HTML E CSS a imagem não ampliou, e aí o que fazer? Pode ser a imagem? Pode ser o Note? Ou Operacional?

por Estudante
| 274.4k xp | 229 posts

Oi Alessandra,

Como o ambiente de desenvolvimento de cada um acaba sendo diferente, as vezes é necessário analisar caso a caso.

Você poderia abrir um novo tópico com um print screen da sua tela?