Jump to content

Dificuldade em Carregar Imagem no Código HTML

thiago di muzio

Por thiago di muzio
em HTML & CSS

 Compartilhar

Postagens Recomendadas

thiago di muzio

thiago di muzio

Postado
Postado

Bom dias rapaziada, não consigo carregar imagem no meu código, já tentei de tudo, verifiquei caminho do arquivo, local da pasta, tamanho da imagem, a extensão do arquivo,  fritei o chatGPT... Nada adiantou.

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Site</title>
    <style>
        body {
               
      background-image: url("templates/imagens/teste.png");
     
      background-repeat: no-repeat;
     
      background-position: center center;
     
      background-size: cover;
     
      background-color: #5c5757;
     
        }
    </style>
</head>
<body>
   
   
</body>
</html>

 

Link to comment
Compartilhe em outros sites
  • Douglas Garcia mudou o título para Dificuldade em Carregar Imagem no Código HTML
  • 2 weeks later...
wlsdesigner

wlsdesigner

Postado
Postado
Em 31/07/2023 at 10:20, thiago di muzio disse:

Bom dias rapaziada, não consigo carregar imagem no meu código, já tentei de tudo, verifiquei caminho do arquivo, local da pasta, tamanho da imagem, a extensão do arquivo,  fritei o chatGPT... Nada adiantou.

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Site</title>
    <style>
        body {
               
      background-image: url("templates/imagens/teste.png");
     
      background-repeat: no-repeat;
     
      background-position: center center;
     
      background-size: cover;
     
      background-color: #5c5757;
     
        }
    </style>
</head>
<body>
   
   
</body>
</html>

 

Ao invés de css, com html não aparece? img src="teste.png" o caminho que esta colocando dentro do style esta correto? colocando ele direto no navegador ele carrega?

Link to comment
Compartilhe em outros sites
  • 1 month later...
Cristiano_Machado

Cristiano_Machado

Postado
Postado
Em 31/07/2023 at 10:20, thiago di muzio disse:

Bom dias rapaziada, não consigo carregar imagem no meu código, já tentei de tudo, verifiquei caminho do arquivo, local da pasta, tamanho da imagem, a extensão do arquivo,  fritei o chatGPT... Nada adiantou.

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Site</title>
    <style>
        body {
               
      background-image: url("templates/imagens/teste.png");
     
      background-repeat: no-repeat;
     
      background-position: center center;
     
      background-size: cover;
     
      background-color: #5c5757;
     
        }
    </style>
</head>
<body>
   
   
</body>
</html>

 

Boa noite, meu amigo.

Basta retirar o caminho das aspas duplas, ficando assim.
background-image: url(templates/imagens/teste.png);
 

  • Curtir 1
Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora
 Compartilhar
Ir para a listagem de tópicos


×
×
  • Create New...