Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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í)>
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';
?><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
blackz17
Mostre o nome dos seus arquivos de imagens:
/monthly_2019_07/252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png" data-fileid="4421" />
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***>
2 horas atrás, Felipe Guedes Coutinho disse:
blackz17
Mostre o nome dos seus arquivos de imagens:
/monthly_2019_07/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';
?><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 $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
@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.