Bom dia comunidade,
Preciso da ajuda de vocês para solucionar uma questão, estouEstou montando um projeto para um amigo meu e estou utilizando o scrollfullpage que divide a página em partes e na. Na primeira parte estou colocando um banner e um escrito com o logo do meu amigo.
O problema é que quando coloco o logo normal, como 'img src="link"''img src="link"'
no HTML, na hora da visualização percebo que ele sai de imagem e vai para o fundo em background-image, apesarbackground-image
. Apesar de eu colocar certo não está indo e ele fica com a imagem cortada.
HTML:
<img id="logo" src="assets/img/logo.png">
CSS:
#logo {
width: 300;
height: 180px;
}
Mas os tamanhos (width e height) que consigo mexer tanto no CSS quando no HTML são apenas o tamanho da area ou espaço que a imagem está (como se fosse uma div), não consigo mexer no tamanho da imagem em si Mas os tamanhos (width e height) que consigo mexer tanto no CSS quando no HTML são apenas o tamanho da area ou espaço que a imagem está (como se fosse uma div), não consigo mexer no tamanho da imagem em si. Quando diminuo o tamanho fica cortada a imagem.
Exemplo com o CSS acima, imagem aparece cortada:
Em vermelho, partes que estão faltando
Código e analise do Chrome em cima da página Código e Analise
Alguém já teve algum problema parecido ?