Skip to main content
Pergunta fechada como "Não é adequada para este site" por hugocsl, Darlei Fernando Zillmer, rLinhares, Augusto Vasques, Icaro Martins
Bumped by Community user
Bumped by Community user
Bumped by Community user
removeu 75 caracteres do conteúdo; título editado
Fonte Link
user28595
user28595

IMG SRC VAI PARA BACKGROUND Imagem no src vai para o background-IMAGE, NÃO REDIMENSIONAimage e não redimensiona

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 ?

Link: https://carioca.creativecode.art.br/

IMG SRC VAI PARA BACKGROUND-IMAGE, NÃO REDIMENSIONA

Bom dia comunidade,

Preciso da ajuda de vocês para solucionar uma questão, estou montando um projeto para um amigo meu e estou utilizando o scrollfullpage que divide a página em partes e 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"' no HTML, na hora da visualização percebo que ele sai de imagem e vai para o fundo em background-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. 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 ?

Link: https://carioca.creativecode.art.br/

Imagem no src vai para o background-image e não redimensiona

Estou montando um projeto para um amigo meu e estou utilizando o scrollfullpage que divide a página em partes. 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"' no HTML, na hora da visualização percebo que ele sai de imagem e vai para o fundo em background-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. 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 ?

Link: https://carioca.creativecode.art.br/

Fonte Link

IMG SRC VAI PARA BACKGROUND-IMAGE, NÃO REDIMENSIONA

Bom dia comunidade,

Preciso da ajuda de vocês para solucionar uma questão, estou montando um projeto para um amigo meu e estou utilizando o scrollfullpage que divide a página em partes e 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"' no HTML, na hora da visualização percebo que ele sai de imagem e vai para o fundo em background-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. 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 ?

Link: https://carioca.creativecode.art.br/