Ir para conteúdo
blackz17

Imagem não carrega

Recommended Posts

Seguinte, não sou programador nem nada mas gosto de aprender coisas relacionadas a programação em diferentes ambientes (web, c#, android...), faz muito tempo que mexi no dreamweaver e relacionados a web, eu coloquei uma imagem (32x32 png) no dreamweaver em um botão de dropdown

<button class="dropdown-item" type="button"><img src="icons/brazil.png"><?php echo $portuguese; ?></button>

a imagem carrega no dreamweaver (ela aparece), mas quando dou F12 pra abrir no navegador a imagem vem quebrada

663984023_Anotao2019-07-26200325.png.f0a1074a5245c20de14b08fb97ee01da.png

aí não sei nem como identificar o problema nem onde ocorre, uso dreamweaver cs6, testei nos navegadores (firefox, chrome, edge e internet explorer) e uso w10 64bits (não sei se tem a ver mas taí)

Compartilhar este post


Link para o post
Compartilhar em outros sites

@blackz17,

 

Isso acontece pois o navegador não está conseguindo acessar a imagem. Já que está utilizando caminho relativo, a pasta icons (que contém brazil.png) deve estar na mesma pasta do arquivo HTML. Verifique se o arquivo existe de fato, no local especificado.

Compartilhar este post


Link para o post
Compartilhar em outros sites
25 minutos atrás, leaodev disse:

@blackz17,

 

Isso acontece pois o navegador não está conseguindo acessar a imagem. Já que está utilizando caminho relativo, a pasta icons (que contém brazil.png) deve estar na mesma pasta do arquivo HTML. Verifique se o arquivo existe de fato, no local especificado.

meu index é .php e não .html, tem alguma coisa a ver pra não aparecer a imagem?

 

código completo:

<?php
session_start();
require 'requirelanguage.php';
?>
<!DOCTYPE html>
<html lang="es">
    <head>
<title><?php echo $title?></title>   
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <meta name="keywords" content="php, multilingüe, multiidioma,website">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>

    </head>
        <body>
            <nav class="navbar navbar-light bg-faded">
  <div class="nav navbar-nav">
    <a class="nav-item nav-link active" href="#"><?php echo $inicio; ?> <span class="sr-only">(current)</span></a>
    
    <div class="dropdown closed" align="right">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <img src="icons/<?php echo $lang ?>.png" > <?php echo $lang; ?>
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
      <a href="changelanguage.php?language=pt">
    <button class="dropdown-item" type="button"><img src="icons/pt.png"> <?php echo $portuguese; ?></button>      
      </a>
      <a href="changelanguage.php?language=en">
    <button class="dropdown-item" type="button"><img src="icons/en.png"> <?php echo $english; ?></button>
      </a>
      <a href="changelanguage.php?language=fr">
    <button class="dropdown-item" type="button"><img src="icons/fr.png"> <?php echo $french; ?></button>
      </a>
  </div>
</div>
  
  </div>
</nav>
            <div><?php echo $holamundo; ?></div>

</body>   
</html>

e sim, a pasta icons está no mesmo local do arquivo .php e ambos no diretório htdocs do xampp

252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

blackz17

Mostre o nome dos seus arquivos de imagens:

252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png

Coloque uma imagem com as imagens que estão dentro de sua pasta icons.

 

O que esta acontecendo é que o caminho declarados dentro de <img src="caminho"> está errado.

Verifique se o FORMATO da IMAGEM é mesmo PNG ou se é JPG.

 

<img src="icons/NomeDaImagem.EXTENSÃO">

 

Se a minha resposta for útil não esqueça de agradecer e votar positivo.

Espero ter ajudado de alguma forma.

 

Att
Felipe Guedes Coutinho

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, Felipe Guedes Coutinho disse:

blackz17

Mostre o nome dos seus arquivos de imagens:

252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png

Coloque uma imagem com as imagens que estão dentro de sua pasta icons.

 

O que esta acontecendo é que o caminho declarados dentro de <img src="caminho"> está errado.

Verifique se o FORMATO da IMAGEM é mesmo PNG ou se é JPG.

 

<img src="icons/NomeDaImagem.EXTENSÃO">

 

Se a minha resposta for útil não esqueça de agradecer e votar positivo.

Espero ter ajudado de alguma forma.

 

Att
Felipe Guedes Coutinho

Como o @Felipe Guedes Coutinho  disse verifica as extensão das imagem

ou você pode criar isso em seu banco de dados fazer os cadastros através de um painel que assim você não se preocupa em ver extensão das imagem 

por ex:

 

<?php
session_start();
require 'requirelanguage.php';

?>
<!DOCTYPE html>
<html lang="es">
    <head>
<title><?php echo $title?></title>   
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <meta name="keywords" content="php, multilingüe, multiidioma,website">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>

    </head>
        <body>
            <nav class="navbar navbar-light bg-faded">
  <div class="nav navbar-nav">
    <a class="nav-item nav-link active" href="#"><?php echo $inicio; ?> <span class="sr-only">(current)</span></a>
    
      <div class="dropdown closed" align="right">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <img src="icons/<?php echo $lang ?>.png" > <?php echo $lang; ?>
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<?php 
// AQUI FAZ TODAS AS LISTAGEM DAS LINGUAGEM QUE FORAM CADASTRADAS
     $Query = DBRead('language','*',"ORDER BY id DESC"); 
      
     if (is_array($Query)) { foreach ($Query as $dados) 
      { ?>
      <a href="changelanguage.php?language=<?php echo $sigla; ?>">
    <button class="dropdown-item" type="button"><img src="icons/<?php echo $imagem; ?>"> <?php echo $titulo; ?></button>      
      </a>
<?php }} ?>
  </div> <!-- dropdownMenu2 -->
</div>
  
  </div>
</nav>
            <div><?php echo $holamundo; ?></div>

</body>   
</html>

Fiz um ex: mais você pode fazer do seu modo

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por mibs
      Olá! podem me ajudar? o mysql inicia e depois desliga no xampp, já troquei de pasta, exclui arquivos da pasta xamp/mysql já fiz de tudo o que encontrei pela internet s e não funciona. 
       
      Esse é o erro:
      Status change detected: stopped      Error: MySQL shutdown unexpectedly.      This may be due to a blocked port, missing dependencies,       improper privileges, a crash, or a shutdown by another method.      Press the Logs button to view error logs and check      the Windows Event Viewer for more clues      If you need more help, copy and post this      entire log window on the forums  
      E esse o log:
        Mutexes and rw_locks use Windows interlocked functions  Uses event mutexes   Compressed tables use zlib 1.2.11   Number of pools: 1   Using SSE2 crc32 instructions   Initializing buffer pool, total size = 16M, instances = 1, chunk size = 16M   Completed initialization of buffer pool   1 out of 1 rollback segments are active.  Creating shared tablespace for temporary tables   Setting file 'C:\xampp\mysql\data\ibtmp1' size to 12 MB. Physically writing the file full; Please wait ...  File 'C:\xampp\mysql\data\ibtmp1' size is now 12 MB.  10.4.14 started; log sequence number 11460; transaction id 1  !!! innodb_force_recovery is set to 4 !!!  Loading buffer pool(s) from C:\xampp\mysql\data\ib_buffer_pool  Plugin 'FEEDBACK' is disabled.  InnoDB: Buffer pool(s) load completed at 201027 12:56:18  Server socket created on IP:   
    • Por opl12
      Olá Mestres
       
      Estou testando enviar email pelo PHP,
       
      No windows 10 Instalei o Xampp, e fiz as configurações abaixo: 
      Configurei o arquivo php.ini com:  sendmail_path = "\"C:\xampp\sendmail\sendmail.exe\" -t"
       
      configurei o arquivo sendmail.ini com: smtp_server=smtp.gmail.com
      smtp_port=587
      auth_username= meu_email@gmail.com
      auth_password= minha_senha_do_email
       
       
      Pelo código php não retorna em erro, apenas diz que foi enviado com sucesso. 
      mas o email nunca chega hahahahah nem está no lixo eletônico
       
      Sabem se falta algo?

       
       
       
       
    • Por Superwagtel
      Como faço para trocar meu servidor Wamp pelo Servidor Xampp
       
      Na verdade me disseram que basta desativar o Wamp, mas como faço isto?
       
      Grato para quem puder me ajudar
    • Por leonardoc.g
      Quando eu tento fazer conexão no banco de dados pelo Dreamweaver me aparece essa mensagem:
       
      your php server doesn't have the MySQL module loaded or you cant't use the mysql_(p)connect functions
       
       
    • Por Nightmare SEP
      Bom dia,
      Eu tenho configurado em um servidor no meu trabalho, um sistema da intranet (PHP e MySQL), onde já está tudo configurado.
      Esses tempos tivemos um problema no servidor, eu precisei reinstalar o XAMPP e para ficar tudo configurado eu copiei toda a pasta do XAMPP que eu tinha backup e colei por cima. Tudo funcionou corretamente mas agora eu preciso migrar para um novo servidor, e gostaria de fazer algumas alterações.
       
      1 - Como eu configuro um nome (host) para acessar a intranet. Por exemplo, estou acessando de um computador dentro da minha rede, e quero ir no navegador e digitar: http://intranet. Sem ter a necessidade de digitar o IP do servidor.
      2 - Qual arquivo devo editar para criar/alterar o usuário e senha de conexão com o banco de dados?
      3 - Quando eu fiz essa cópia das pastas, o serviço do apache no windows veio como padrão a mesma unidade de disco que estava antes (no caso a unidade E:), mas eu gostaria de mudar também esse caminho. Tem um arquivo que eu consiga editar esse caminho do serviço?
       
      Valeu!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.