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

Background da pagina inicial

Eu to querendo colocar o banner da pagina inicial no lugar do background cinza no cabeçario, mas ainda contendo a logo e os botões. alguem poderia me ajudar a fazer?

2 respostas
solução!

Olá André, tudo bem?

Podemos fazer isso através dos seguintes passos.

1ª Parte


No arquivo HTML do projeto final do curso de HTML e CSS parte 4, iremos retirar a seguinte linha de código, que se localiza entre o <header> e o <main>.

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

2ª Parte


Em seguida, no arquivo CSS, iremos substituir no header o fundo cinza pela imagem, dessa forma:
header{
    background-image: url("banner.jpg");
    padding: 20px 0;
}

É muito importante se certificar que o URL da imagem está sendo passada de forma correta, ela deverá estar da mesma forma que estava no src do código que foi retirado do arquivo HTML.

Esse será o resultado:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

A imagem se apresenta ao fundo do cabeçalho, mantendo os links do menu e o logo.

Espero ter ajudado. Em caso de dúvidas fique a vontar para perguntar, bons estudos!

Muito obrigado Beatriz! mas e se a imagem for muito pequena pra caber no cadeçario? pq eu estou tentando fazer um site só meu mesmo sabe e queria colocar uma certa imagem só que ela fica se repetindo toda até preencher tudo.